1.路由配置文件中寫鉤子函數

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

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

]

2.模板中寫鉤子函數

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

• beforeRouteEnter：在路由進入前的鉤子函數。
• beforeRouteLeave：在路由離開前的鉤子函數。

Params.vue

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

轉載于:https://www.cnblogs.com/zhouyx/p/7448333.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。