Vue beforeRouteEnter 的next執行時機

背景

今天在用vue實現界面的時候，想在beforeRouteEnter鈎子函數中去獲取數據，然后通過next方法設置到跳轉頁面的實例中，結果發現數據一直沒辦法在界面渲染的時候賦值，苦思不得其解，遂google之，終尋原因，記錄之。

注意

beforeRouteEnter (to, from, next) {
  console.log(this);  //undefined，不能用this來獲取vue實例
  console.log('組件路由鈎子：beforeRouteEnter');
  next(vm => {
    console.log(vm);  //vm為vue的實例
    console.log('組件路由鈎子beforeRouteEnter的next');
  });
}

next(vm=>{console.log(‘next’) }) 
這個里面的代碼很晚執行，執行時機在組件mounted周期之后