使用keep-alive配合router-view可以使组件被缓存,从而该组件不会被频繁创建和销毁
// 利用exclude属性可以排除不需要缓存的组件
<keep-alive exclude="Name1,Name2">
<router-view></router-view>
</keep-alive>
使用了keep-alive才能在组件内使用activated()和deactivated()
export default {
name: 'Home',
activated() {
// 组件活跃时调用,即切换到当前组件
},
deactivated() {
// 组件失活时调用,即切出当前组件
}
}