Vue指令大全

v-text

将指定内容渲染成字符串

例：v-text=”name”

v-html

将指定内容渲染成html的标签

例：v-html=”name”

v-once

数据变化不会导致视图刷新

v-if

v-show

以上两个指令都是控制元素的显示和隐藏，但是实现的原理不同。

v-if 通过操作dom来控制显隐

v-show通过操作样式display属性

如果一开始就能确定数据 用v-if，v-if不通过则文档也不会渲染

如果频繁控制显隐 用v-show，v-if会使页面频繁重绘

v-on

简写：@click绑定事件，默认传一个event的参数，如果没有参数不加括号。如果有参数需要在第一个参数位置传一个$event。

v-bind

简写：:title 动态绑定属性

v-for

不仅可以循环数组，也可以循环对象。使用v-for时需要再为元素绑定key属性，指定其唯一性。

例：v-for=”(item,key) in items” :key=”key”

如果用到索引：

v-for=”(item,index) in items” :key=”index”

v-cloak

解决页面闪烁问题：为元素添加v-cloak指令，在css中设置[v-cloak]{display:none}