vue的常用指令

1.v-model 多用于表单和input框的元素实现双向数据绑定

2.v-on:click:给标签绑定函数,就是给标签一个点击事件,点击后触发时间,函数需要写在methods里面,也可以将v-on:简化为@我常用的就是@click主要是简单

3.v-bind:动态绑定,及时对页面的数据进行更改,当然可以简写为:,平时用这个用的最多的就是:class动态绑定class,我主要用于tab栏切换时一些的css切换,动态绑定class有三种绑定方法:对象,三元运算符和数组,我用的最多的只有两种就是三元运算符和数组,都是可以给出条件去判断是否符合然后判断给不给这个样式,比如我要给这个元素加背景色:首先我要给一个条件:isshow=false?'符合的样式名':'不符合的样式名'

4.v-text:解析文本

5.v-html:解析html标签 我平时只有在写商城app详情页给出的html和text元素时可以用到

6.v-show:用来隐藏显示内容,可以用布尔控制也可以用display的block和none来控制,默认值:false

7.v-hide:和v-show一样都是用来隐藏显示内容

8.v-if:来控制整个dom元素的添加或删除,和angular框架里的ng-if一样默认值都是false

9.v-else只能和if连用 不能单独使用不然会报错 模板编译错误

10.v-else-if:也是只能和v-if连用

11.v-once:进入页面时只渲染一次,不再进行渲染

12.v-cloak:防止闪烁 需要搭配css使用 [v-cloak]{display:none},但是我们现在使用vue元素都是用路由来挂载的一般不会出现闪烁问题,所以可以抛弃,v-cloak

13.v-pre:把标签内的元素原位输出,我平时用在for循环时,如果有嵌套数组的话,我会用v-pre渲染出来看看内部结构

14.v-for:主要用来渲染json或者数组:(item,index)in/fo 数组名