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

/user/foo?導(dǎo)航到? /user/bar，原來(lái)的組件實(shí)例會(huì)被復(fù)用。因?yàn)閮蓚€(gè)路由都渲染同個(gè)組件，比起銷(xiāo)毀再創(chuàng)建，復(fù)用則顯得更加高效。不過(guò)， 這也意味著組件的生命周期鉤子不會(huì)再被調(diào)用。

復(fù)用組件時(shí)，想對(duì)路由參數(shù)的變化作出響應(yīng)的話，你可以簡(jiǎn)單地 watch (監(jiān)測(cè)變化)?

$route ?對(duì)象：

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

或者：

?

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

?

?

?

注意是：

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

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

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

總結(jié)

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

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