主要介绍了vue模板语法-插值，非常不错，具有参考借鉴价值，需要的朋友参考下

Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 使用“Mustache”语法 (即用双大括号包裹) 的文本插值： Message: {{ msg }} Mustache 标签将会被替代为对应数据对象上 “msg

1.文本 数据绑定最常见的形式就是使用‘Mustache’语法（双打括号）的文本插值： message:{{msg}} 使用v-once指令，也能执行一次性的插值，当主句改变时，插值处的内容不会更新。 但请留心这回影响到该节点上所有的数据绑定： this will nver change:{{message}} 2.纯html 双打括号会将数据解释为纯文本，而非html。为了输出html可以使用v-html指令： 被插入的内容被当做HTML—数据绑定会被忽略。注意，

背景分析 在传统的html页面中我们可以定义变量吗？当然不可以，那我们假如希望通过变量的方式实现页面内容的数据操作也是不可以的。当然我们可以在服务端通过定义html标签库方式，然后以html作为模板，在服务端解析也可以实现，但这样必须通过服务端进行处理，才可以做到，能不能通过一种技术直接在客户端html页面中实现呢？ VUE中的插值语法 这种语法是为了在html中添加变量，借助变量方式与js程序中的变量值进行同步，进而简化代码编写。其基本语法为： {{变量或js表达式}} 在{{}}内部可以写: