vue指令

vue指令：

1.  v-if、v-else、 v-else-if

控制组件结构、可以直接让html隐藏

2.  v-for

循环数组生成html结构

3.v-bind

缩写  :

给属性添加data中的值

4.v-model

双向绑定，加给表单元素

5.v-on

缩写 @

绑定事件

6.v-show

css进行display：none的操作

7.v-text、v-html

v-text和{{}}一样

v-text不解释标签，v-html解释标签

解释html标签可能导致xss攻击，不要使用用户提供的内容插值

8.v-pre

如果想显示{{ }}标签，而不进行替换，使用v-pre即可调过这个元素和它的子元素的编译过程

9.v-cloak

包含 v-cloak  属性的 html 标签在页面初始化时会被隐藏，解决页面加载时出现 vuejs 的变量名

10.v-once

只渲染元素和组件一次，随后的渲染，使用了此指令的元素/组件及其所有的子节点，都会当作静态内容并跳过，这可以用于优化更新性能