vue-router导航守卫

同一个路由,渲染两个router-view


全局的导航守卫(导航钩子):

用于判断有无登陆


里面可配置路由的props

路由局部钩子


组件内钩子

beforeRouteUpdate应用场景:同一个组件在不用的路由下面,都是用这个组件去显示

例如:访问/app/123 和/app/456 会触发

因为如果不用这个钩子,就需要用watch来监听/app/:id 中的id的变化


一般用于数据的获取,再把它塞到对象当中 

后面是    vm.id

控制页面离开的行为

如果是确定则离开,取消则不跳转


如果用mounted进行数据初始化的获取,在相似路径下显示同一个组件时,第二次的路由的mounted不会触发


路由懒加载


你可能感兴趣的:(vue-router导航守卫)