keepAlive

keepAlive!!

//keepAlive 是vue中的一个内置组件,可以在切换组件时,使组件内的内容保留原有状态,防止DOM的重复渲染

1. 使用环境:
	登录和注册对应的路由和组件
    /login => login.vue
	/reg   => reg.vue
	//当两个页面互相切换时,如果登录页已经输入数据,再次切换回来,页面不重新渲染,数据不消失

2. 语法格式:
	<keep-alive>
        路由占位
	<keep-alive>
        
3. 关于路由的对象:
	$route: 当前活动的路由对象
    $router: 所有的路由对象
    

**在router/index.js文件中,可以在路由规则中的三步骤后面设置
meta:{
    //可以在里面设置是否做保留状态的判断
    keepAlive:true;
}

**关于是否保留,可以通过获取$route.meta.keepAlive的状态值,来判断,并将值给到路由占位中的v-if属性中

标签：vue,route,meta,组件,路由,keepAlive
来源： https://www.cnblogs.com/ashuang/p/16584627.html