好久以前看Evan刚出白卷文章时做过最基础的基于vue的前端开发,在这之后由于工作分工原因也基本就不写前端了,最近正好要做前后端分离的博客系统,就准备再把前端这块拾起来一下。下周争取找个几天晚上,再把白卷项目重头到位重写一下,重新加深下印象- -😒。
这两天看了看黑马的vue快速入门,这里总结几个vue常用的关键指令吧(不截图了,就写了一点代码在webstorm VueTest项目里了。):
el:挂载点
data:数据对象
v-text:设置标签文本表达式的值
{{}}:插值表达式
v-html:设置标签的innerHTML
v-on:为元素绑定事件,简写为@。还可以传递自定义参数(形参),事件修饰符
v-model:获取和设置表单元素的值(双向数据绑定)
methods:可被调用方法
this:在方法中调用数据
v-show:根据表达值的真假,切换元素的显示和隐藏
v-if:根据表达值的真假,切换元素的显示和隐藏(操纵dom元素)
频繁用v-show,不频繁可以用v-if
v-bind:设置元素的属性,比如src
列表数据可用数组保存
v-for:根据数据生成列表结构,数组经常和v-for结合使用,语法(item,index) in 数据
axios:使用其get、post方法,then后是回调函数
axios回调函数中的this已经改变,无法访问到data中数据,可以把this保存起来,回调函数直接用保存的this即可(先var that = this;一下)
蜜汁自信说自己可以用几个晚上就把白卷项目重敲一遍,毕竟以前是用了好久我记得,不过也有可能,毕竟技术栈越来越熟了,不过下周还有两篇技术文章想读一读,一个是Frida的(之前有ctf题目要脱壳,用FDex2反正是没整好,借此机会好好看看用Frida如何实现),还一个是想看看CS这玩意到底怎么用。照这个进度,估计端午节前上线前后端分离博客怕是没戏了。
别问为啥,端午节要回家,参加QW杯,还要洗剪吹造个型,这次爷要来个蓝毛儿😏