Vue常用的指令有15个
1、v-model
多用于表单元素实现双向数据绑定
2、v-for
多用于循环创建DOM元素
3、v-show
显示内容 (通过修改标签上的display属性,来进行显示和隐藏)
4、v-hide
隐藏内容
5、v-if
显示与隐藏 (创建和删除DOM元素 默认值为 false)
6、v-else-if
必须和 v-if 连用
7、v-else
必须和 v-if 连用 不能单独使用 否则报错 模板编译错误
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"'
3、数组型 '[{red:"isred"},{blue:"isblue"}]'
13、v-once
进入页面时 只渲染一次 不在进行渲染
14、v-cloak
防止闪烁
15、v-pre
把标签内部的元素原位输出