vueRouter學習心得

const user =
const router =
newvuerouter(]
//現在呢，像 /user/foo 和 /user/bar 都將對映到相同的路由。
})

借助 vue-router，使用巢狀路由配置，就可以很簡單地表達這種關係。

乙個被渲染元件同樣可以包含自己的巢狀。例如，在 user 元件的模板新增乙個router-view：

const user =

要在巢狀的出口中渲染元件，需要在 vuerouter 的引數中使用 children 配置：

const router =
newvuerouter(,
]}]}
)

除了使用建立 a 標籤來定義導航鏈結，我們還可以借助 router 的例項方法，通過編寫**來實現。

this
.$router.
push
(url)
//跳轉
this
.$router.go(
1)//前進一步
this
.$router.go(
-1)//後退一步
//程式設計式導航現在也滅弄得太懂，就先寫到這裡吧

有時候，通過乙個名稱來標識乙個路由顯得更方便一些，特別是在鏈結乙個路由，或者是執行一些跳轉的時候。你可以在建立 router 例項的時候，在 routes 配置中給某個路由設定名稱。

const router =
newvuerouter(]
})

"}">
user
<
/router-link>

這跟**呼叫 router.push() 是一回事：

router.
push(}
)

這兩種方式都會把路由導航到 /user/123 路徑。

有時候想同時 (同級) 展示多個檢視，而不是巢狀展示，例如建立乙個布局，有 sidebar (側導航) 和 main (主內容) 兩個檢視，這個時候命名檢視就派上用場了。你可以在介面中擁有多個單獨命名的檢視，而不是只有乙個單獨的出口。如果 router-view 沒有設定名字，那麼預設為 default。

="view one"
>
<
/router-view>
="view two" name=
"a">
<
/router-view>
="view three" name=
"b">
<
/router-view>

乙個檢視使用乙個元件渲染，因此對於同個路由，多個檢視就需要多個元件。確保正確使用 components 配置 (帶上 s)：

const router =
newvuerouter(}
]})

根本沒弄懂，就先不寫了

const router =
newvuerouter(]
})

相比重定向，別名更友好

「重定向」的意思是，當使用者訪問 /a時，url 將會被替換成 /b，然後匹配路由為 /b，那麼「別名」又是什麼呢？ /a 的別名是 /b，意味著，當使用者訪問 /b 時，url 會保持為 /b，但是路由匹配

則為 /a，就像使用者訪問 /a 一樣。

const router =
newvuerouter(]
})

vueRouter學習心得

學習心得 python學習心得

學習心得我的學習心得

Spring學習心得

vueRouter學習心得

學習心得 python學習心得

學習心得 我的學習心得

Spring學習心得

相關推薦

學習心得我的學習心得