久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

15
2020/08

vue路由如何使用

發(fā)布時(shí)間:2020-08-15 18:27:18
發(fā)布者:會(huì)飛的魚(yú)
瀏覽量:
0

在vue框架中,路由發(fā)揮的重要性不言而喻,文匯軟件小編就跟大家分享下vue路由如何使用。

首先,我們應(yīng)該先明白路由的作用是什么他不是我們理解的路由器而是指的單頁(yè)面應(yīng)用中的路徑管理器,也就是說(shuō)vue的路由實(shí)際上就是組件與路徑的映射。

如何使用?首先,我們先引入vue和vue-router,vue-router要在vue后面引因?yàn)樗腔趘ue的,否則不生效。

1597454419(1).jpg

然后需要建立要跳轉(zhuǎn)的組件

1597454598(1).jpg

然后我們新建一個(gè)路由new VueRouter,里面使用routes選項(xiàng)放置路由映射,同時(shí)選項(xiàng)名和選項(xiàng)值相同我們可以只保留一個(gè)routes(以下的相同此后不再贅述)

1597454694(1).jpg

然后我們將路由的映射表掛載到vue的根實(shí)例上

1597486710(1).jpg

最后將路由掛載  使用router-link相當(dāng)于我們的a標(biāo)簽  下面的router-view必須要有這是顯示你組件內(nèi)容的區(qū)域,to屬性是你路由的映射,tag為顯示的標(biāo)簽,他默認(rèn)的當(dāng)前樣式為active可以自己定義一下它的樣式

2 (2).jpg

image.png

好了,以上就是小編分享的文章了,如想關(guān)注就來(lái)文匯軟件吧。

關(guān)鍵詞:
返回列表