日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

vue-router 响应路由参数的变化

發布時間:2023/12/2 vue 69 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue-router 响应路由参数的变化 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

提醒一下,當使用路由參數時,例如從?

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

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

$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)從同一個組件跳轉到同一個組件。

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


更多專業前端知識,請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎

總結

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

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