詳解Vue router路由
更新時間：2021年11月19日 16:16:53 作者：維生素D沒有用
這篇文章主要為大家介紹了Vue 的router路由，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
1.基本使用
2.幾個注意點(diǎn)
3.多級路由(多級路由)
4.路由的query參數(shù)
5.命名路由
例如像三級目錄 ，每次寫都需要帶上一二級目錄，比較麻煩，采用命名路由可以用name直接找到
6.路由的params參數(shù)
1）在配置路由的時候需要先聲明接收params參數(shù)，即先占位
2）
7.路由的props配置
router-link的replace屬性，在開啟的時候，此次路由跳轉(zhuǎn)會覆蓋上次的路由歷史記錄。
8.編程式路由導(dǎo)航
緩存路由組件，寫在include 中的組件才不會在切換的時候被銷毀 。不寫include就都緩存
9.緩存路由組件
緩存多個的寫法：
路由組件相關(guān)的兩個生命周期鉤子：
1.作用:路由組件所獨(dú)有的兩個鉤子，用于捕獲路由組件的激活狀態(tài)。
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
這篇文章主要介紹了淺談vue單頁面中有多個echarts圖表時的公用代碼寫法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要為大家介紹了Vue3之使用js實現(xiàn)動畫示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
Console 對象提供了瀏覽器控制臺調(diào)試的接口。在不同宿主環(huán)境上它的工作方式可能不一樣，但通常都會提供一套共性的功能，本文主要總結(jié)了Console的一些高級用法，感興趣的小伙伴可以參考一下2023-04-04
這篇文章主要介紹了詳解Vue源碼之?dāng)?shù)據(jù)的代理訪問，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
本文主要介紹了element中el-table與el-form同用并校驗，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
詳解如何創(chuàng)建并發(fā)布一個 vue 組件
這篇文章主要介紹了詳解如何創(chuàng)建并發(fā)布一個vue組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了vue綁定class與行間樣式style的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
Vue+element自定義指令如何實現(xiàn)表格橫向拖拽
這篇文章主要介紹了Vue+element自定義指令如何實現(xiàn)表格橫向拖拽，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue.js組件使用props傳遞數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了Vue.js組件使用props傳遞數(shù)據(jù)的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
Vue 菜單欄點(diǎn)擊切換單個class(高亮)的方法
今天小編就為大家分享一篇Vue 菜單欄點(diǎn)擊切換單個class(高亮)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08