命名路由
定義路由還可以使用 name
屬性來設置名稱:
|
|
to
特性使用 v-bind
來綁定一個物件傳入路由名稱和動態路由參數:
|
|
當路徑比較複雜的時候,使用命名路由代替,會是一個選擇。但要注意,path
和 name
不可以混用,path
會被無視。
CodePen Demo:Vue 2.x - 命名路由
命名視圖
假設要同一個頁面載入兩個以上的視圖,就需要替 <router-view>
元件命名。
|
|
多個視圖就需要多個元件,因此路由設置需要改用 components
:
|
|
<router-view>
沒命名預設為 default
,如果具名會渲染相對設定元件。
CodePen Demo:Vue 2.x - 命名視圖