本文共 746 字，大约阅读时间需要 2 分钟。

1，v-on

可以缩写为@，用于监听指定元素的DOM事件，比如点击事件,:click 给标签绑定函数，函数必须写在methods里面。绑定事件监听器。

2，v-for

v-for="（item,index) in/of 数组json" 循环数组或json，基于一个数组或者对象渲染一个列表，循环指令，vue 2.0以上必须需配合 key值 使用。

3，v-pre

把标签内部的元素原位输出，直接显示原始 Mustache 标签。跳过这个元素和它的子元素的编译过程。跳过大量没有指令的节点会加快编译。（如果还不理解，就点一下下面的超链接）

4，v-cloak

防止闪烁 该属性需配合 样式display:none

5，v-once

进入页面时，只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

6、v-model

实现表单输入和应用状态之间的双向绑定

7，v-bind

动态绑定 作用： 及时对页面的数据进行更改

:class 三种绑定方法 1、对象型 ‘{red:isred}’ 2、三元型 ‘isred?“red”:“blue”’ 3、数组型

‘[{red:“isred”},{blue:“isblue”}]’

8，v-html

解析html标签

9，v-text

解析文本

10，v-show

显示内容 ,通过display=block/none来控制元素隐藏出现

11,v-hide

隐藏内容

12,v-if

显示与隐藏 （dom元素的删除添加 同angular中的ng-if 默认值为false）

13，v-else-if

必须和v-if连用

14，v-else

必须和v-if连用 不能单独使用 否则报错 模板编译错误

转载地址：http://xkylf.baihongyu.com/