1. 程式人生 > 實用技巧 >beforeRouteEnter元件獨享守衛注意點兒

beforeRouteEnter元件獨享守衛注意點兒

剛開始可能會遇到:
在這裡插入圖片描述
頁面是這樣寫的
在這裡插入圖片描述
因為當beforeRouteEnter鉤子執行前,元件例項還沒被建立,vm 就是當前元件的例項相當於上面的 this,所以在 next 方法裡你就可以把 vm 當 this 來用了。
正確寫法:
在這裡插入圖片描述
補充:
後面真正實現功能的時候發現,鉤子執行順序是created => beforeRouteEnter , 所以在beforeRouteEnter拿到的資料不能用於created中,我們直接在beforeRouteEnter 呼叫即可,如:
在這裡插入圖片描述

我們都是小可愛,惹惹惹