一、单向绑定
(一.)Mustache 语法，双大括号 {{}}（html 内字符串绑定）
图片发自简书App
但是，这种双大括号语法，只能用于 html 内部的字符串，不能用于绑定 html 的属性（如 title、disabled、checked 等），angular亦如是。
（二）v-bind 指令（html 属性绑定）
图片发自简书App
图片发自简书App
一次性绑定
图片发自简书App
原本 angular 不支持一次性绑定的，而过分的使用数据绑定，将严重影响应用性能，angular 中 bindonce 这个第三方模块解决了这个问题。而 vue 通过 v-once 实现了框架本身对一次性绑定的原生支持。
图片发自简书App
出于安全考虑，默认的数据绑定，会进行转义操作，屏蔽掉 html 标签。使用 v-html 指令，可以实现对文本内容不转义输出。这里的输出会替换掉目标标签的 innerHTML 代码中 p 标签中原本的文本将被替换，angular 中也有类似的 ng-bind-html。
双向绑定
图片发自简书App
跟 angular 一模一样，双向绑定依赖于 v-model 指令。修改 textarea 中的内容的时候， {{input}} 将让内容同步更新到对应的 div 元素中。
本文转载
