编程式路由导航、 缓存路由组件、两个新生命周期钩子

编程式路由导航

作用：不借助实现路由跳转，使路由跳转更灵活 具体编码

$router的两个API
  this.$router.push({
    name:'xiangqing ,
      params:{
       id;xxx,
       title:xxx}
    })
  this.$router.replace({
    name:'xiangqing 
     params:{
      id:xxx,
      title:xxx}
    })
    
    this.$router.back后退
    this.$router.forward前进
    this.$router.go可前进可后退

缓存路由组件

作用：让不展示的的路由组件保持挂载，不被销毁

    <keep-alive include="组件名" :include="["组件名","组件名"]">
        <router-view></router-view>
    </keep-alive>

两个新生命周期钩子

作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态 1.activated路由组件被激活时触发 2.deactivated路由组件被失活时触发