计算插值

属性内部的计算插值 移除

属性内部的计算插值已经不能再使用了:

  1. <button class="btn btn-{{ size }}"></button>

应该写成行内表达式:

  1. <button v-bind:class="'btn btn-' + size"></button>

或者计算属性:

  1. <button v-bind:class="buttonClasses"></button>
  1. computed: {
  2. buttonClasses: function () {
  3. return 'btn btn-' + size
  4. }
  5. }

升级方式

运行迁移工具找到属性内部的计算插值

HTML 计算插值 移除

HTML 的计算插值 ({{{ foo }}}) 已经移除,取代的是 v-html 指令

升级方式

运行迁移工具找到 HTML 计算插值。

单次绑定替换

单次绑定 ({{* foo }}) 已经被新的 v-once directive 取代。

升级方式

运行 迁移工具找到单次绑定使用位置。