Vue模板语法

①Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能够被遵循规范的浏览器和HTML解析器解析。

  在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。

②文本：

   数据绑定最常见的形式就是使用''Mustache''语法（双大括号）的文本差值，Mustache标签将会被替代为对应数据对象上message属性的值，绑定的数据对象上message属性发生了改变，插值处的内容都会更新：

<span>Message:{
  {message}}</span>

通过使用v-once指令，可以一次性的插值，当书记改变 时，插值处的内容不会更新。这会影响到该节点上所有的数据绑定

<span v-once>This will never change:{
  {message}}</span>

③纯HTML：

     双大括号会将数据解析为纯文本，而非HTML。为了输出真正的HTML，需要使用v-html指令：

<div v-html = "rawHtml"><