黑馬前端學(xué)習(xí)筆記(從vue2.0到vue3.0)第十天P187-P200
P187 動態(tài)路由匹配

提升路由復(fù)用性

切換時候 如何拿到值

this.$route 的路由的“參數(shù)對象”
this.$router 的路由的“導(dǎo)航對象”
使用{{this.$route.params.**}}固然能找到id的值?
但是太過于麻煩所以
在路由中開啟 props屬性?

這些就可以在組件中接收


查詢參數(shù)

?

P190導(dǎo)航
概念:


可以通過按鈕進(jìn)行跳轉(zhuǎn)??

覆蓋當(dāng)前歷史記錄

n可以是正數(shù)或者負(fù)數(shù)?
應(yīng)用場景? app中的后退 跳轉(zhuǎn)
??
this.$router.go? ?的簡單寫法

P191導(dǎo)航守衛(wèi)



? 三種next方式??


P194案例?
安包
npm install -D webpack-cli@4.9.0 @webpack-cli/update?
安路由
npm i vue-router@3.5.2 -S
出現(xiàn)bug?

尋找原因?yàn)?有一個導(dǎo)入沒有使用到?
直接刪除 重新運(yùn)行 成功

標(biāo)簽: