VueRouter1

VueRouter1

1.Router(更大)与Route对象的区别
2.全局守卫(相当于java的阻截器)

  前置守卫(用得多)
  router.beforeEach((to,from,
next)=>{
     console.log("到哪里",to);//对象
     console.log("去哪里",from);//对象
     //得到配置中的meta属性修改dom
     document.title=to.meta.title;//已经在路由对象加入meta,可以得到这个对象
     
     //放行
    next()
     
});

3.单页面程序如何改标题(组件太多太麻烦)

  setup(){
     document.title="标题";
    
}

4.后置守卫

router.afterEach((to,from)=>{


});

5.独享守卫(不大明白…)

在const routes
  beforeEach:(to,from,next)=>{
}

6.keep-alive 有缓存保持状态,以免组件重复渲染

vue2:
 
       

vue3:
  
    //不用缓存的属性,这个是组件名
                                                              // exclude="News"
 			             // include
         
    

//会触发两个函数生命周期 import 的
   onActivated //活动了
  onDeactivated //失去活动
  onActivated(()=>{


 })