vue常用的指令整理

227 阅读1分钟

1、v-model多用于表单元素实现双向数据绑定(同angular中的ng-model)

2、v-for格式:v-for="字段名in(of)数组json"循环数组或json(同angular 中的ng-repeat),需要注意从Vue2开始取消了$index

3、v-show显示内容(同angular中的ng-show)

4、v-hide隐藏内容(同angular中的ng-hide)

5、v-if显示与隐藏(

dom元素的删除添加同angular中的ng-if默认值为false)

6、v-else-if必须和v-if连用

7、v-else必须和v-if连用不能单独使用否则报错模板编译错误第87页共165页

8、v-bind动态绑定作用:及时对页面的数据进行更改

9、v-on:click给标签绑定函数,可以缩写为@,例如绑定一个点击函数函数 必须写在methods里面

10、v-text解析文本

11、v-html解析html标签

12、v-bind:class三种绑定方法1、对象型'{red:isred}'2、三元型 'isred?"red":"blue"'

13、v-once进入页面时只渲染一次不在进行渲染

14、v-cloak防止闪烁

15、v-pre把标签内部的元素原位输出