Vue.js 运用了基于 HTML 的模板语法，许可开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。一切 Vue.js 的模板都是正当的 HTML ，所以能被遵照范例的浏览器和 HTML 剖析器剖析。

插值

一般文本，双向绑定: {{ msg }}

前提

vue中运用v-if、v-else和v-else-if来完成前提衬着


是
否


另一个用于依据前提展现元素的要领是运用v-show

显现内容

v-if 是惰性的，假如在初始衬着时前提为假，则什么也不做——直到前提第一次变成真时，才会最先衬着前提块。
v-show 就简朴很多，不论初始前提是什么，元素老是会被衬着，而且只是简朴地基于 CSS 举行切换。

列表

vue中运用 v-for 把数组衬着成选项列表。v-for 指令须要运用 item in items 情势的特别语法，items 是源数据数组，item 是数组元素迭代的别号。

• 
  {{ item.message }}
  

也能够用 v-for 经由过程一个对象的属性来迭代。

• 
  {{ value }}
  

指令

指令 (Directives) 是带有 v- 前缀的特别属性。当指令对应的表达式的值转变时，将其发生的连带影响，相应式地作用于 DOM。

如今你看到我了

小结

本节重要进修了vue模板衬着的几种情势：文本插值、属性衬着、前提衬着、列表衬着和指令转变衬着。我们经由过程这些衬着体式格局就能够轻松的经由过程数据掌握页面的显现内容了。