鉤子函數

導航守衛

一、router.beforeEach(to, from, next)

    註冊全局

    1）to: Route: 即將要進入的目標 路由對象

    2）from: Route: 當前導航正要離開的路由

        3）next: Function: 必定要調用該方法來 resolve 這個鉤子。執行效果依賴 next 方法的調用參數。

 

二、router.afterEach(to, from)

    1）沒有next參數

    2）不能改變導航

 

獨享守衛

beforeEnter

 

 

組建內的守衛

一、beforeRouteEnter (to, from, next)

    

1）在渲染該組件的對應路由被 confirm 前調用

2）不能訪問 this，由於鉤子在導航確認前被調用，然而新組件尚未被建立

可是能夠經過一個回調給next來訪問組件實例，在導航被確認的時候執行回調並把組件實例做爲回調方法的參數

 

 

 

二、beforeRouteUpdate(to, from, next) (2.2 新增)

1）在當路由數據跟新，可是該組件被複用時調用

2）舉例來講，對於一個帶有動態參數的路徑 /foo/:id，在 /foo/1 和 /foo/2 之間跳轉的時候，

3）因爲會渲染一樣的 Foo 組件，所以組件實例會被複用。而這個鉤子就會在這個狀況下被調用。

4）能夠訪問組件實例 `this`

 

三、beforeRouteLeave(to, from, next)

1）導航離開該組件的對應路由時調用

2）能夠訪問組件實例 `this`

3）一般用來禁止用戶在尚未保存修改以前忽然離開，能夠經過next來取消導航