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

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

	<keep-alive>
	  <component>
	    <!-- 该组件将被缓存！ -->
	  </component>
	</keep-alive>

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

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

	<keep-alive>
	    <router-view v-if="$route.meta.keepAlive">
	        <!-- 这里是会被缓存的视图组件，比如 Home！ -->
	    </router-view>
	</keep-alive>
	
	<router-view v-if="!$route.meta.keepAlive">
	    <!-- 这里是不被缓存的视图组件，比如 Edit！ -->
	</router-view>