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