1. 程式人生 > >beforeRouteEnter 與 beforeRouteUpdate(watch $route 對象) 的區別

beforeRouteEnter 與 beforeRouteUpdate(watch $route 對象) 的區別

套路 通過 回調方法 match tab route oca 調用 als

項目 區別 適用場景 網址
beforeRouteEnter beforeRouteEnter 守衛 不能 訪問 this,因為守衛在導航確認前被調用,因此即將登場的新組件還沒被創建。
不過,你可以通過傳一個回調給 next來訪問組件實例。在導航被確認的時候執行回調,並且把組件實例作為回調方法的參數。
el-tabs 裏面包含嵌套路由,刷新頁面時,讓tab樣式在正確的位置上,demo:網址,本地運行項目訪問地址:網址 網址
beforeRouteUpdate 響應路由參數的變化 網址
watch $route 對象 響應路由參數的變化 網址

附:完整的導航解析流程:網址

beforeRouteEnter 與 beforeRouteUpdate(watch $route 對象) 的區別