Vue 路由缓存 ,指定路由缓存,部分路由缓存

一 ,缓存全部路由

在router-view外包裹keep-alive
例: 
	
      
    

二 ,指定路由缓存

使用  include

  

三,存在多个路由时,想缓存部分路由

使用 meta
在路由中添加下面属性  
    meta: {keepAlive: true // 缓存}
    meta: {keepAlive:false // 不缓存 }
    例:
    	 {
	          path:'/Distribution',
	          name:'Distribution',
	          component: Distribution,
	          meta: {keepAlive: true // 缓存}
		 }
然后在页面  
	
		//当前进入的路由 meta里面 keepAlive为true时走这里
      
    
    
    //当前进入的路由 meta里面 keepAlive为false时走这里 下面 if 判断进行了取反处理
    

你可能感兴趣的:(Router)