• 计算插值
    • 属性内部的计算插值 移除
      • 升级方式
    • HTML 计算插值 移除
      • 升级方式
    • 单次绑定替换
      • 升级方式

    计算插值

    属性内部的计算插值 移除

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

    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 取代。

    升级方式

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