因为项目有些页面不需要缓存
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
//...router.js
export default new Router({
routes: [
{ path: '/',
name: 'Hello',
component: Hello,
meta: { keepAlive: false // 不需要缓存 }
},
{ path: '/page1',
name: 'Page1',
component: Page1,
meta: { keepAlive: true // 需要被缓存 }
}
]
})