Vue中keep-alive配合router-view缓存路由

vue 2.1.0 之前:



    



//router配置
new Router({
    routes: [
        {
            name: 'a',
            path: '/a',
            component: A,
            meta: {
                keepAlive: true
            }
        },
        {
            name: 'b',
            path: '/b',
            component: B,
            meta: {
                keepAlive: false
            }
        }
    ]
})

vue 2.1.0 之后:

2.1.0 新增:
include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。

include 和 exclude 属性允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示:



  




  




  

你可能感兴趣的:(Vue.js)