说一下vue的钩子函数有哪些, 并在项目中有哪些应用
钩子函数有三种,也叫路由守卫。
1、全局导航钩子(跳转前进行判断拦截) 全局路由守卫
router.beforeEach( to, from, next) 全局前置守卫
router.beforeResolve( to, from, next) 全局解析守卫
router.afterEach( to, from, next) 全局后置守卫
2、组件内钩子 组件内的守卫
beforeRouteEnter
beforeRouteUpdate
beforeRouteLeave
3、单独路由独享组件 路由独享的守卫
beforeEnter

猜你喜欢LIKE
相关推荐HOT
更多>>
vue等单页面应用及其优缺点
效果会比较炫酷(比如切换页面内容时的专场动画)。导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20
项目中的性能优化
keep-alive:缓存的组件的状态,切换组件的时候减少请求(结合实际) 组件销毁的时候, 将绑定的window等相关的事件取消监听,防止内存泄露...详情>>
2023-04-11 16:46:17
自己封装过组件吗?
还封装了错误捕捉ErrorBoundary组件,当捕获到错误的时候更改自身状态,来控制渲染一个备用UI,后来又根据需求,在内部实现了组件加载失败重试...详情>>
2023-04-11 16:32:49
初学java懵了,这个报错是为什么?
那我说了哈,咱妈问咱们,今天是在咱家过年,还是在咱妈家过年。Java中定义的类名是Scanner,那么在本类中使用时,默认这个Scanner就是你自己定...详情>>
2023-03-29 17:41:52热门推荐
技术干货






