在vue框架中,路由發(fā)揮的重要性不言而喻,文匯軟件小編就跟大家分享下vue路由如何使用。
首先,我們應(yīng)該先明白路由的作用是什么他不是我們理解的路由器而是指的單頁(yè)面應(yīng)用中的路徑管理器,也就是說(shuō)vue的路由實(shí)際上就是組件與路徑的映射。
如何使用?首先,我們先引入vue和vue-router,vue-router要在vue后面引因?yàn)樗腔趘ue的,否則不生效。
然后需要建立要跳轉(zhuǎn)的組件
然后我們新建一個(gè)路由new VueRouter,里面使用routes選項(xiàng)放置路由映射,同時(shí)選項(xiàng)名和選項(xiàng)值相同我們可以只保留一個(gè)routes(以下的相同此后不再贅述)
然后我們將路由的映射表掛載到vue的根實(shí)例上
最后將路由掛載 使用router-link相當(dāng)于我們的a標(biāo)簽 下面的router-view必須要有這是顯示你組件內(nèi)容的區(qū)域,to屬性是你路由的映射,tag為顯示的標(biāo)簽,他默認(rèn)的當(dāng)前樣式為active可以自己定義一下它的樣式
好了,以上就是小編分享的文章了,如想關(guān)注就來(lái)文匯軟件吧。