vue， 一般來(lái)說(shuō)vue也就是Vue路由，就是可以根據(jù)不同的地址創(chuàng)建不同的頁(yè)面。而route就是一個(gè)路由，route就是url到函數(shù)的映射，可以把url路徑映射到一個(gè)函數(shù)。當(dāng)然，
Route也可以等價(jià)于當(dāng)前跳轉(zhuǎn)的對(duì)象，從中可以獲得名稱、路徑、參數(shù)、查詢等。
展開：
在vue中使用vue-route的方法：
1.首先，你需要下載vue路由器。
That is, npm installs vue- router-save.
2、編碼
1.首先需要在項(xiàng)目中創(chuàng)建一個(gè)新的文件夾router/index.js。具體說(shuō)明如下：
/*
*路由對(duì)象模塊
* */
import Vue from vue
import VueRouter from vue-router
/*介紹頁(yè)面*/
const MSite=()=import(./pages/MSite/MSite);
const Profile=()=import(./pages/Profile/profile);
const Patient=()=import(./pages/Patient/Patient);
//聲明插件的使用
Vue.use(VueRouter)
export default new VueRouter({
routes:[
{
path:/msite,
component: MSite,
meta: {
showFooter: true
}
},
{
path:/profile,
component:Profile,
meta: {
showFooter: true
}
},
{
path:/patient,
component:Patient,
meta: {
showFooter: false
}
},
{
path: /,
重定向：/msite //系統(tǒng)默認(rèn)頁(yè)面
}
]
})
2.然后就可以在main.js中全局使用路由器了具體說(shuō)明如下：
//The Vue build version to load with the `import` command
//(runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from vue
import App from ./App
Import the router from. /router //Introduce routing
/* eslint-disable no-new */
new Vue({
el: #app,
components: { App },
template: App/,
路由器//介紹路由
})
以上是邊肖的分享，希望對(duì)大家有所幫助。
vue，以上就是本文為您收集整理的vue最新內(nèi)容，希望能幫到您！更多相關(guān)內(nèi)容歡迎關(guān)注。
