命名路由,就是使用name屬性來進行路由導航,而不再是使用path路徑屬性。
在router.js中的路由定義寫法就需要新增name屬性來進行指定
因為在router.js檔案中新增了那麼屬性,此時就能夠在模組中用name來呼叫屬性,而不是使用path
this
.$router.
push(}
)
同時,在上篇文章有說過。想傳遞路由引數,可以使用query或者params屬性。但是如果用path屬性來進行路由導航,params最終會傳遞乙個null值過去。想要正確的使用params作為路由引數,可以使用name屬性來進行路由導航。
在布局中最基礎的就是乙個布局乙個檢視,想要在乙個布局中體現出多個檢視可以用命名檢視來完成。
基礎router.js**如下:
}
布局**如下
="view one"
>
<
/router-view>
="view two" name=
"a">
<
/router-view>
="view three" name=
"b">
<
/router-view>
在此 命名檢視也是使用name屬性進行導航,不過此時布局**塊的name屬性對應的是router.js中components屬性中的欄位名。
如果router-view的name屬性名字,那麼將會自動引入default模組。
當然也可以結合巢狀路由來使用命名檢視 以下是結合巢狀路由的router.js**塊:
},
},]}
以上內容為自我學習的一些心得,如有錯誤還請指出,謝謝
詳細內容可以了解vue官網
C 基礎知識點(三)
委託 事件單獨列乙個部分來寫,專案裡面用到太多了。類似c 中的函式指標,乙個例子 int max int x,int y delegate int mydelegate int a,int b mydelegate md max 例項化 int c md 1,2 為了進一步簡化 直接不定義max函式...
基礎知識點
1 inline block布局 2 table布局 3 justify的末行不對齊 4 兩個圖示之間有空格 換行 5 背景中的的 路徑的 全部斜槓都為 不是 命令列下的這種 doctype html html head meta charset utf 8 title xx title head ...
C語言知識點(三) 基礎知識
防止該標頭檔案被重複引用 對於 include,編譯器從標準庫路徑開始搜尋 filename.h 對於 include filename.h 編譯器從使用者的工作路徑開始搜尋 filename.h 1 引用本身是變數的別名,對引用的操作就是對變數本身的操作 2 引用必須要被初始化,指標可以不被初始化...