模板语法

一、文本

数据绑定最常见的形式就是使用“Mustache”语法（双大括号）的文本插值，Mustache标签将会被替代为数据对象（data）上的property的值，无论什么时候property的值发生改变，对应插值的内容都会更新。

1、v-once指令，这个指令将会使该标签的插值变成一次性的，当数据改变后，不会改变这个标签的插值内容

2、v-html指令，这个指令是为了输出真正的HTML内容，它会将v-html=”property”中的property按照HTML结构解析

3、v-bind指令，我们的Mustache语法不能作用于HTML标签中的attribute（属性）上，这个时候就需要我们用v-bind:attribute=”property”，attribute就是我们想使用的属性的属性名，引号中的就是属性值

二、JavaScript表达式

对于所有数据表达式，Vue.js都提供了完全的JavaScript表达式支持，但是这个支持只包括单个表达式，所以如if语句等多个表达式就无法生效，例如：

从Vue 2.6版本后，不光属性值可以用property表示，属性用一个[]方括号括起来后也可以用一个property表示；

还有v-on:event 的事件名也可以用[]方括号括起来后用一个property表示。

对这些动态参数的求值，期望是返回一个字符串，除了null会显示的移除该绑定，其他任何非字符串动态参数都会发出警报。还有在中括号中不允许使用引号或者空格，因为这会触发编译警告，也不能使用驼峰命名法，因为字符会被强制转换成小写。

三、修饰符

修饰符以半角句号 “ . “指明的特殊后缀，用于指出一个指令应该以特殊方式绑定，例如

四、缩写

对于v-bind 和 v-on这两个，我们分别可以简写成：

1.v-bind:href=”url”

缩写：:href=”url”

或：:[key]=”url”

2.v-on:click=”doSomethng”

缩写：@click=”doSomething”

或：@[event]=”doSomething”