这两天学习了vue.js数据绑定这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
前言
感觉 vue 的很多方面的内容，都参考了 angular 的东西，数据绑定方面，更是赤裸裸的“抄袭”。对照来看，更有助于我们学习和理解框架本身透露出来的思想，而非框架本身。
一、单向绑定
（一）Mustache 语法，双大括号 {{}}（html 内字符串绑定）
{{text}}
广告合作QQ：76874919
这两天学习了vue.js数据绑定这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
感觉 vue 的很多方面的内容，都参考了 angular 的东西，数据绑定方面，更是赤裸裸的“抄袭”。对照来看，更有助于我们学习和理解框架本身透露出来的思想，而非框架本身。
（一）Mustache 语法，双大括号 {{}}（html 内字符串绑定）
但是，这种双大括号语法，只能用于 html 内部的字符串，不能用于绑定 html 的属性（如 title、disabled、checked 等），angular亦如是。
（二）v-bind 指令（html 属性绑定）
属性绑定，html属性不能使用双大括号形式绑定，只能使用v-bind指令
某些框架如 Ember.js 支持在 html 属性上面使用双大括号语法，如 title={{title}}，但是如果像上面，在 vue.js 的 html 属性上使用这种语法，框架本身就会报错，如下图所示：
上面的报错，除了提示不能使用双大括号语法以外，还告诉我们可以使用 v-bind 或者 shorthand，也就是 v-bind 的缩写 :。这一点上，vue 还是和 angular 的 ng-bind 非常相似。
原本 angular 不支持一次性绑定的，而过分的使用数据绑定，将严重影响应用性能，angular 中 bindonce 这个第三方模块解决了这个问题。而 vue 通过 v-once 实现了框架本身对一次性绑定的原生支持。
出于安全考虑，默认的数据绑定，会进行转义操作，屏蔽掉 html 标签。使用 v-html 指令，可以实现对文本内容不转义输出。这里的输出会替换掉目标标签的 innerHTML 代码中 p 标签中原本的文本将被替换，angular 中也有类似的 ng-bind-html。