這篇文章主要為大家展示了“Vue beforeRouteEnter中next執行時機的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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周期之后
拓展知識：對vue中的beforeRouteEnter()和beforeRouteLeave()的函數解釋
1、beforeRouteEnter(to, from, next){
要執行的代碼操作
next();
}
beforeRouteEnter：進入路由之前執行的函數。
next(); --》 必須有這個，相當于一個按鈕開啟一樣。
2、beforeRouteLeave(to, from, next){
要執行的代碼操作
next();
}
beforeRouteLeave：離開路由之前執行的函數。
next(); --》 必須有這個，相當于一個按鈕開啟一樣。
以上是“Vue beforeRouteEnter中next執行時機的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
