詳解Vue router路由
更新時(shí)間：2021年11月19日 16:16:53 作者：維生素D沒有用
這篇文章主要為大家介紹了Vue 的router路由，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
1.基本使用
2.幾個(gè)注意點(diǎn)
3.多級(jí)路由(多級(jí)路由)
4.路由的query參數(shù)
5.命名路由
例如像三級(jí)目錄 ，每次寫都需要帶上一二級(jí)目錄，比較麻煩，采用命名路由可以用name直接找到
6.路由的params參數(shù)
1）在配置路由的時(shí)候需要先聲明接收params參數(shù)，即先占位
2）
7.路由的props配置
router-link的replace屬性，在開啟的時(shí)候，此次路由跳轉(zhuǎn)會(huì)覆蓋上次的路由歷史記錄。
8.編程式路由導(dǎo)航
緩存路由組件，寫在include 中的組件才不會(huì)在切換的時(shí)候被銷毀 。不寫include就都緩存
9.緩存路由組件
緩存多個(gè)的寫法：
路由組件相關(guān)的兩個(gè)生命周期鉤子：
1.作用:路由組件所獨(dú)有的兩個(gè)鉤子，用于捕獲路由組件的激活狀態(tài)。
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
這篇文章主要介紹了vue在外部方法給下拉框賦值后不顯示label的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
關(guān)于vue中路由的跳轉(zhuǎn)和參數(shù)傳遞,參數(shù)獲取
這篇文章主要介紹了關(guān)于vue中路由的跳轉(zhuǎn)和參數(shù)傳遞，參數(shù)獲取方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue3?自定義指令控制按鈕權(quán)限,為了提高用戶體驗(yàn)，當(dāng)該按鈕無權(quán)使用時(shí)，使用el-tooltip功能進(jìn)行提醒，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-10-10
本篇文章主要介紹了淺談Vue SPA 首屏加載優(yōu)化實(shí)踐，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
文章介紹了如何在需求系統(tǒng)中創(chuàng)建一個(gè)位于頁面上方的公告展示組件,展示了如何在App.vue或其他頁面組件中使用這個(gè)公告組件,感興趣的朋友一起看看吧2025-01-01
vite創(chuàng)建vue3項(xiàng)目頁面引用public下js文件失敗解決辦法
Vue3相較于之前的版本有了不少變化,如引用全局Js文件,這篇文章主要給大家介紹了關(guān)于vite創(chuàng)建vue3項(xiàng)目頁面引用public下js文件失敗的解決辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue3的ref和reactive的用法和解析,開始部分講解了ref，reactive的使用實(shí)例，如何進(jìn)行類型的標(biāo)注，配合ts這么使用，接著講解了兩者的區(qū)別，分別需要注意的點(diǎn)，還有ref的頂層自動(dòng)解包，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)橫向斜切柱狀圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue中子組件調(diào)用父組件的3種方法實(shí)例
vue子組件調(diào)用父組件的方法其實(shí)不難,最近整理了一下,下面這篇文章主要給大家介紹了關(guān)于Vue中子組件調(diào)用父組件的3種方法,需要的朋友可以參考下2022-05-05
這篇文章主要為大家詳細(xì)介紹了vuejs從安裝到搭建的整個(gè)過程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03