vue， 一般来说vue也就是Vue路由，就是可以根据不同的地址创建不同的页面。而route就是一个路由，route就是url到函数的映射，可以把url路径映射到一个函数。当然，
Route也可以等价于当前跳转的对象，从中可以获得名称、路径、参数、查询等。
展开：
在vue中使用vue-route的方法：
1.首先，你需要下载vue路由器。
That is, npm installs vue- router-save.
2、编码
1.首先需要在项目中创建一个新的文件夹router/index.js。具体说明如下：
/*
*路由对象模块
* */
import Vue from vue
import VueRouter from vue-router
/*介绍页面*/
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 //系统默认页面
}
]
})
2.然后就可以在main.js中全局使用路由器了具体说明如下：
//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/,
路由器//介绍路由
})
以上是边肖的分享，希望对大家有所帮助。
vue，以上就是本文为您收集整理的vue最新内容，希望能帮到您！更多相关内容欢迎关注。
