1.使用双花括号( {{}} )对变量输出,内部可以写简单的表达式用于对数据的处理

 

 2..v-text：相当于js的innerText,

 3.v-html：相当于js的innerHTML

 4.v-bind：动态绑定属性,简写是冒号( : )

 

 5.绑定class：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们

6.v-on：绑定事件,简写是@

 7.v-model：可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定

8.v-if  v-else-if v-else：

v-if:条件性地渲染一块内容，这块内容只会在指令的表达式返回 truthy[1] 值的时候被渲染。

v-else、v-else-if:是跟js中的if一样,v-if的else块和else-if块

9.v-show：根据条件展示元素, 不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 CSS property display。

v-if vs v-show的区别：v-if是通过动态向dom里面插入或者是删除一个节点，来实现元素的显示隐藏的；二v-show：是通过css样式的display：none；来实现的。

10.v-pre:原样输出，不解析模板标签{{}}.

11.v-cloak:当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题.
 

[v-cloak]{

display:none;

}

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