1.路由配置文件中寫鉤子函數(shù)

注：在路由文件中我們只能寫一個beforeEnter,就是在進(jìn)入此路由配置時。

// 配置路由
export default
[
{
path: '/',
name:'Hello',
component:Hello
},{
path:'/params/:newsId(\\d+)/:newsTitle',//(\\d+)正則數(shù)字
component:Params,
beforeEnter:(to,from,next)=>{
console.log(to);
console.log(from);
next();
}

]

2.模板中寫鉤子函數(shù)

在配置文件中的鉤子函數(shù)，只有一個鉤子-beforeEnter，如果我們寫在模板中就可以有兩個鉤子函數(shù)可以使用：

• beforeRouteEnter：在路由進(jìn)入前的鉤子函數(shù)。
• beforeRouteLeave：在路由離開前的鉤子函數(shù)。

Params.vue

<script type="text/javascript">
export default{
data () {
return{
msg:"params page"
}
},
beforeRouteEnter:(to,from,next)=>{
console.log("準(zhǔn)備進(jìn)入params模板");
next();
},
beforeRouteLeave:(to,from,next)=>{
console.log("準(zhǔn)備離開params模板");
next();
}
}
</script>

轉(zhuǎn)載于:https://www.cnblogs.com/zhouyx/p/7448333.html

總結(jié)

以上是生活随笔為你收集整理的路由中的钩子函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。