當使用路由參數(shù)時，例如從?/user/aside導航到?/user/foo，原來的組件實例會被復用。因為兩個路由都渲染同個組件，比起銷毀再創(chuàng)建，復用則更加高效。不過，這也意味著組件的生命周期鉤子不會再被調用。

注意:

（1）從同一個組件跳轉到同一個組件。

（2）生命周期鉤子created和mounted都不會調用。

可以使用router的組件內鉤子函數(shù)

beforeRouteUpdate(to,from,next){

//在這個鉤子函數(shù)中：to表示將要跳轉的路由對象，from表示從哪個路由跳轉過來，next多數(shù)就是需要調用

//created和mounted不調用，無法拿到需要的動態(tài)值，就通過to.path,to.params等

//可以在這個函數(shù)中打印to，具體看to對象有什么可以使用的屬性

}

添加watch監(jiān)聽

watch: {// 方法1 //監(jiān)聽路由是否變化'$route' (to, from) {if(to.query.id !== from.query.id){this.id = to.query.id;this.init();//重新加載數(shù)據(jù)}}}//方法 2 設置路徑變化時的處理函數(shù)watch: {'$route': {handler: 'init',immediate: true}}

為了實現(xiàn)這樣的效果可以給router-view添加一個不同的key，這樣即使是公用組件，只要url變化了，就一定會重新創(chuàng)建這個組件。

<router-view :key="$route.fullpath"></router-view>

?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第九十九篇之router的钩子函数（建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

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