好久以前看Evan刚出白卷文章时做过最基础的基于vue的前端开发,在这之后由于工作分工原因也基本就不写前端了,最近正好要做前后端分离的博客系统,就准备再把前端这块拾起来一下。下周争取找个几天晚上,再把白卷项目重头到位重写一下,重新加深下印象- -😒。

这两天看了看黑马的vue快速入门,这里总结几个vue常用的关键指令吧(不截图了,就写了一点代码在webstorm VueTest项目里了。):

el:挂载点

data:数据对象

v-text:设置标签文本表达式的值

{{}}:插值表达式

33.PNG

v-html:设置标签的innerHTML

v-on:为元素绑定事件,简写为@。还可以传递自定义参数(形参),事件修饰符

v-model:获取和设置表单元素的值(双向数据绑定)

444.PNG

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杯,还要洗剪吹造个型,这次爷要来个蓝毛儿😏


标题:总结几个VUE基础指令
作者:jyl
地址:http://jinyunlong.xyz/articles/2021/05/23/1621780695725.html