• 特殊属性
    • keep-alive 属性 替换
      • 升级方式

    特殊属性

    keep-alive 属性 替换

    keep-alive 不再是一个特殊属性而是一个包裹组件，类似于 <transition>比如：

    1. <keep-alive>
    2.   <component v-bind:is="view"></component>
    3. </keep-alive>

    这样可以在含多种状态子组件中使用 <keep-alive> ：

    1. <keep-alive>
    2.   <todo-list v-if="todos.length > 0"></todo-list>
    3.   <no-todos-gif v-else></no-todos-gif>
    4. </keep-alive>

    当 <keep-alive> 含有不同子组件时，应该分别影响到每一个子组件。不仅是第一个而是所有的子组件都将被忽略。

    和 <transition>一起使用时，确保把内容包裹在内：

    1. <transition>
    2.   <keep-alive>
    3.     <component v-bind:is="view"></component>
    4.   </keep-alive>
    5. </transition>

    升级方式

    运行迁移工具找到keep-alive 属性。