提醒一下，當使用路由參數(shù)時，例如從?

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

復用組件時，想對路由參數(shù)的變化作出響應的話，你可以簡單地 watch (監(jiān)測變化)?

$route ?對象：

const User = {template: '...',watch: {'$route' (to, from) {// 對路由變化作出響應...}} }

或者：

?

const User = {template: '...',beforeRouteUpdate (to, from, next) {// react to route changes...// don't forget to call next() } }

?

?

?

注意是：

（1）從同一個組件跳轉(zhuǎn)到同一個組件。

（2）生命周期鉤子created和mounted都不會調(diào)用。

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的vue-router 响应路由参数的变化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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