vue-property-decorator

问题:vue-property-decorator 方式引入的vue组件中 无法正常使用组件自己的钩子函数

解决:
方法1. 在@Component 中定义组件的钩子函数,如下:
在这里插入图片描述

方法2. 在路由的定义里,全局注册组件的钩子函数,如下:
在这里插入图片描述

整理:vue-router的钩子函数定义及形式展现。
a.全局的钩子函数beforeEach,beforeResolve,afterEach 如:
在这里插入图片描述

b.路由的独享钩子函数beforeEnter
在这里插入图片描述

c.组件的钩子函数beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave如问题描述

加载的执行顺序:before-each ==> before-enter ==> beforerouteEnter ⇒ before-resolve ==> after-each

持续更新…

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页