vue第六章 router-link，缓存路由组件，组件的新生命钩子

1. router-link

<router-link>```的replace属性
1. 作用：控制路由跳转时操作浏览器历史记录的模式
2. 浏览器的历史记录有两种写入方式：分别为```push```和```replace```，```push```是追加历史记录，```replace```是替换当前记录。路由跳转时候默认为```push```
3. 如何开启```replace```模式：```<router-link replace .......>News</router-link>```

编程式跳转

1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活
2. 具体编码：
   ```js
   //$router的两个API
   this.$router.push({
   	name:'xiangqing',
   		params:{
   			id:xxx,
   			title:xxx
   		}
   })
   
   this.$router.replace({
   	name:'xiangqing',
   		params:{
   			id:xxx,
   			title:xxx
   		}
   })
   this.$router.forward() //前进
   this.$router.back() //后退
   this.$router.go() //可前进也可后退

缓存路由组件

1. 作用：让不展示的路由组件保持挂载，不被销毁。
2. 具体编码：
   ```vue
   <keep-alive include="News"> 
       <router-view></router-view>
   </keep-alive>
   ``
   如果是要缓存多个组件需要使用 :include=["News","old"]
   此处的News是组件里面的name值

组件的状态钩子

1. 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。
2. 具体名字：（这是两个方法，和vue的生命钩子函数一样）
   1. ```activated```路由组件被激活时触发。
   2. ```deactivated```路由组件失活时触发。