Vue路由组件的缓存keep-alive和include属性

服务器托管网

Vue路由组件的缓存keep-alive和include属性

• 功能：浏览器页面在进行切换时，原有的路由组件会被销毁。通过缓存可以保存被切换的路由组件。
  • 例子：在页面上填好的信息当进行页面切换再转回原来的页面时，原本信息被清空了需要重新填写

keep-alive和include属性的搭配使用

• 功能：切换路由时，保留被切换路由组件。
• 格式：

  • • 功能：保存所有路由组件

  • • 功能：保存include指定的组件，数组形式可保存多个

template>
    div>
        div>
            ul>
                li>router-link to="/A">A1 Router-Link/router-link>/li>
                li>router-link to="/B">B1 Router-Link/router-link>/li>
            /ul>
        /div>
        
        // 保存所有路由组件
        keep-alive>
            router-view>/router-view&服务器托管网gt;
        /keep-alive>
        
        // 保存include指定的组件，可保存多个
        keep-alive :include="['A', 'B']">
            router-view>/router-view>
        /keep-alive>
    /div>
/template>

script>
    export default {
        name : 'App'
    }
/script>

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: TIOBE 11月榜单：Java和 C# 之间的差距缩小到0.7

TIOBE 公布了 2023 年 11 月的编程语言排行榜。 虽然这期重点介绍的是Kotlin，本月，它的排名上升服务器托管网了 0.17%，从第 18 位上升到第 15 位，前进了 3 位。 TIOBE的10月份榜单，C# 和 Java 之间的差距越来越小，…