vue-property-decorator

東方孤獨發表於2020-10-27

問題: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

持續更新…