Comparison Between Vue 1 and Vue 2

模板语法

插值

• Vue 2 提供了 v-once 指令进行一次插值，替代了 Vue 1 的 {{ * msg }} 。
• Vue 2 提供了 v-html 插入纯 HTML 文本，替代了 Vue 1 的 {{{ rawHTML }}}� 。
• Vue 2 取消了在元素属性中直接使用 Mustache 语法的做法，所有的元素属性都要用 v-bind 进行绑定。
• Vue 2 为模板表达式添加了白名单，在模板中只能访问白名单内的全局变量。

过滤器

• 在 Vue 2 中，过滤器只能在 mustache 绑定和 v-bind 表达式中使用，对于更复杂的数据变换应当使用计算属性。

Class 与 Style 绑定

绑定 HTML Class

• Vue 2 允许 v-bind:class 与普通的 class 属性共存。
• Vue 2 中，在一个定制的组件上用到 class 属性的时候，这些类将被添加到根元素上面，这个元素上已经存在的类不会被覆盖。

条件渲染

v-if

• Vue 2 添加了 v-else-if 。

• Vue 2 中，可以使用 key 管理 v-if 上不可复用的元素（ key 必须唯一 ）：

  没有添加 key 属性的元素仍然会被复用。

v-show

• Vue 2 完全放弃了 v-show 中的 v-else 语法，同时 v-show 也不支持