keep-alive属性及生命周期

1.activated:页面第一次进入的时候,钩子触发的顺序是created->mounted->activated
2.deactivated :页面退出的时候会触发deactivated,当再次前进或者后退的时候只触发activated

keep-alive简介:
keep-alive是vue内置的一个组件,可以被包含的组件保留状态,或避免重新渲染。

	
	  
	    
	  
	

如果只想router-view里面某个组件被缓存的话,可以给他增加router.meta属性

// routes 配置
	export default [
	  {
	    path: '/',
	    name: 'home',
	    component: Home,
	    meta: {
	      keepAlive: true // 需要被缓存
	    }
	  }, {
	    path: '/:id',
	    name: 'edit',
	    component: Edit,
	    meta: {
	      keepAlive: false // 不需要被缓存
	    }
	  }
	]
	
	    
	        
	    
	
	
	
	    
	

你可能感兴趣的:(Vue类)