2025年vuerouter路由守卫(vuerouter路由守卫与生命周期的关系)

vuerouter路由守卫(vuerouter路由守卫与生命周期的关系)作用 路由组件所独有的两个钩子 用于捕获路由组件的激活状态 具体名字 路由组件被激活时触发 路由组件失活时触发 如 在一个路由里的某个数据 在切换到另一个路由对应的组件后 里面的数据还保留 也就是不销毁原来的组件 但是需要关闭里面的定时器 所以用组件的 beforeDestro 钩子无法实现关闭掉定时器 因为原组件通过标签所包含着的 这时候就可以用钩子来关闭定时器 注意

大家好,我是讯享网,很高兴认识大家。



作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。

具体名字:

  1. 路由组件被激活时触发。
  2. 路由组件失活时触发。

如,在一个路由里的某个数据,在切换到另一个路由对应的组件后,里面的数据还保留,也就是不销毁原来的组件,但是需要关闭里面的定时器,所以用组件的beforeDestroy钩子无法实现关闭掉定时器,因为原组件通过标签所包含着的。这时候就可以用钩子来关闭定时器。注意:组件失活不等于组被销毁。

srcpagesNews.vue

 

讯享网

作用:对路由进行权限控制

分类:全局守卫、独享守卫、组件内守卫

meta配置项:路由提供的的meta配置项:路由的元信息,可以在该项里存放程序员自己的属性。
读取:
在守卫里可以:读取。
在组件里:读取。

讯享网

案例:

 


讯享网

讯享网

 

必须是通过路由进入该组件才会触发守卫,如果是引用该组件直接通过组件标签在页面显示是不会触发守卫的。

讯享网

  1. 对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。
  2. hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。
  3. hash模式:
    1. 地址中永远带着#号,不美观 。
    2. 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法。
    3. 兼容性较好。
  4. history模式:
    1. 地址干净,美观 。
    2. 兼容性和hash模式相比略差。
    3. 应用部署上线时需要后端人员支持,解决刷新页面服务端404的问题。

在路由器里可以指定工作模式:

 

小讯
上一篇 2025-04-25 19:38
下一篇 2025-05-14 12:17

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/165506.html