Vue.js使用基于HTML的模板语法，允许开发人员声明性绑定到基于DOM的Vue实例的数据。 所有Vue.js模板都是合法的HTML，因此可以在符合规范的浏览器和HTML解析器中进行分析。
在基本实现中，Vue将模板编译为虚拟DOM渲染函数。 结合响应系统，Vue可以智能地计算需要最少重新渲染的组件数，从而最大限度地减少DOM操作的次数。
如果您熟悉虚拟DOM并喜欢JavaScript的原始力，也可以直接编写渲染函数而不使用模板，然后使用可选的JSX语法。
插值
文本
最常见的数据绑定格式是使用" Mustache "语法(大括号双重)的文本插值。
消息3360 { } msg }
Mustache标记将被相应数据对象的msg属性的值替换。 每次绑定数据对象的msg属性发生更改时，都会更新插值目标的内容。
使用v-once命令，还可以一次执行插值，以便在数据发生更改时不会更新目标内容。 但是，请注意，它会影响此节点上的其他数据绑定。
这不会更改为： {{ msg }}
原始HTML
大括号将数据解释为普通文本，而不是HTML代码。 要输出真正的HTML，必须使用v-html命令。
Using mustaches: {{ rawHtml }}
使用v-html directive :
{% raw %}
Using mustaches: {{ rawHtml }}
使用v-html directive :
{% endraw %}
此span的内容将替换为属性值rawHtml，并作为HTML——忽略分析属性值中的数据绑定。 因为Vue不是基于字符串的模板引擎，所以不能使用v-html复合本地模板。 相反，对于用户界面(UI )，组件适合作为可重用和可组合的基本单元。
在您的网站上动态渲染的任何HTML都非常危险，因为它容易引发“XSS攻击”[ https://en.Wikipedia.org/wiki/cross-site _ scripting ] 请仅对受信任的内容使用HTML插值。 **请勿对用户提供的内容使用插值。
特性
Mustache语法不适用于HTML特性。 在这种情况下，必须使用v-bind命令。
对于布尔特性，它们的存在被暗示为true，v-bind起到稍微不同的作用。 在本例中：
乌通
如果isButtonDisabled的值为null、undefined或false，则disabled属性也不包括在渲染的元素中。
使用JavaScript表达式
到目前为止，模板只绑定了简单的属性键值。 但实际上，Vue.js为所有数据绑定提供了完整的JavaScript表达式支持。
{{ number 1 }}
{ {确定？ '是' : '否' }
{{ message.split (' ' ).reverse ) (.join ) }
在所属Vue实例的数据范围下，这些表达式被解析为JavaScript。 作为约束条件，以下示例无效，因为每个绑定只能包含一个表达式。
{{ var a=1 }}
{ { if {确定} {返回消息} }
模板表达式位于沙箱中，只能访问全局变量(如“Math”和“Date”)的白名单。 请勿尝试在模板表达式中访问用户定义的全局变量。
命令
“命令”(Directives )是带有v-前缀的特殊特性。 指令属性值假定为单个JavaScript表达式。 v-for是例外，稍后再说明)。 指令的作用是当表达式的值改变时，其带来的连续影响响应地影响DOM。 让我们回顾一下在介绍中看到的例子：
你现在看到我了吗
在此，v-if指令根据式seen值的真伪被插入/删除
元素。
参数
一些命令可以接收由冒号表示的“参数”，后跟命令名称。 例如，可以使用v-bind命令响应性地更新HTML属性。
.
这里，href是参数，其指示v-bind命令将该元素的href特性绑定到表达式url的值。
另一个示例是接收DOM事件的v-on命令。
.
其中参数是截获的事件名称。 我们也会更详细地讨论案件处理。
修饰符
修饰符(Modifiers )是半角句点.指定的特殊后缀，用于指示指令应该以特殊方式绑定。 例如， prevent修饰符指示v-on命令对触发的事件调用event.preventDefault ()。
. 在今后的v-on和v-for等功能的探索中，可以看到修饰符的其他例子。
简称
v-前缀用作标识模板中Vue特定特性的视觉提示。 当游戏伙伴悟空使用Vue.js向现有标记添加“动态行为”(dynamic behavior )时，v-前缀很有用，但某些常用命令很难使用。 另外，当Vue.js构建管理所有模板的单页面APP应用程序(SPA - single page application )时，v-前缀也不再那么重要。 因此，Vue.js为v-bind和v-on这两个最常见的指令提供了特定的缩写。
v-bind缩写
.
.
v-on缩写
.
.
它们可能与常规HTML略有不同，但：和@是属性名称的合法字符，并且将在所有支持Vue.js的浏览器中正确分析。 此外，它不会显示在最终渲染的标记中。 缩写语法是完全可以选择的，但是随着你对作用的更深入理解，感谢你拥有它们。