亚洲av无码乱码国产一区二区,午夜理论片yy44880影院,午夜久久久久久禁播电影,熟睡人妻被讨厌的公侵犯

15
2020/08

vue路由如何使用

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

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

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

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

1597454419(1).jpg

然后需要建立要跳轉的組件

1597454598(1).jpg

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

1597454694(1).jpg

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

1597486710(1).jpg

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

2 (2).jpg

image.png

好了,以上就是小編分享的文章了,如想關注就來文匯軟件吧。

關鍵詞:
返回列表