vue keep-alive在路由缓存中的使用

路由缓存

//include 和 exclude prop 允许组件有条件地缓存
//以下例子为：只缓存name为index和my的路由，（注意：这里需要在index 和 my的路由页面内定义name的值 ，不是给route的name赋值）
<keep-alive  include ="index,my"> 
	 <router-view></router-view>
</keep-alive>

使用了keep-alive后，组件内可以使用activated、deactivated来监听组件状态

//index.vue
 export default {
      name:'index',     //如果设置 include 和 exclude 这个name一定要定义
      data(){
      	return{}
      },
      activated(){
	     console.log('进入')
	 },
	 deactivated(){
	     console.log('离开')
	 }
 }