色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue 路由執行順序

阮建安1年前9瀏覽0評論

Vue 路由是用于實現前端頁面的跳轉及頁面之間的通信的工具。在 Vue 路由中,路由鉤子函數是非常重要的一部分。路由鉤子函數指在路由變化前后觸發的函數,可以用來控制路由跳轉的行為及進行一些額外的處理。

Vue 路由的執行順序是在進入路由前,先執行全局前置守衛 >路由獨享守衛 >組件內的守衛 >全局后置守衛。示例代碼如下:

//示例代碼1:全局前置守衛
router.beforeEach((to, from, next) =>{
//to 和 from 是路由信息對象,next 是一個函數,用來控制路由跳轉
//在進入路由前執行的代碼
next(); //必須調用 next 函數,不然路由不會跳轉
});
//示例代碼2:路由獨享守衛
const router = new VueRouter({
routes: [
{
path: '/home',
component: Home,
beforeEnter: (to, from, next) =>{
//在進入路由前執行的代碼
next()
}
}
]
})
//示例代碼3:組件內的守衛
export default{
created() {
//在組件創建時注冊路由導航守衛
this.$router.beforeEach((to, from, next) =>{
//實現一些跳轉邏輯或者校驗邏輯
next()
})
}
}
//示例代碼4:全局后置守衛
router.afterEach((to, from) =>{
//在進入路由后執行的代碼
console.log('路由跳轉結束');
});

其中,全局前置守衛是在每個路由跳轉之前都會觸發的函數,可以用來進行一些全局性的操作,例如登陸校驗、路由切換動畫等。

路由獨享守衛是在定義路由時,可以針對該路由單獨設置的函數。在該路由跳轉前,會先執行該函數。該函數的作用跟全局前置守衛類似,不過只對該路由生效。

組件內的守衛是在組件內部注冊的鉤子函數。在每次路由跳轉時,都會先執行該組件內的守衛函數,再執行全局前置守衛。該函數可以用來對組件進行數據初始化、權限校驗等操作。

全局后置守衛是在每個路由跳轉完成后觸發的函數,只能用來執行一些跳轉后的處理操作,例如頁面滾動到指定位置、統計訪問數據等。

總之,在 Vue 路由中,鉤子函數的執行順序是非常重要的,可以用來控制路由跳轉的行為及進行一些額外的處理。