欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

15
2020/08

vue路由如何使用

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

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

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

如何使用?首先,我們先引入vue和vue-router,vue-router要在vue后面引因為它是基于vue的,否則不生效。

1597454419(1).jpg

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

1597454598(1).jpg

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

1597454694(1).jpg

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

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)注就來文匯軟件吧。

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