vue route
vue route是怎样的呢?下面就让我们一起来了解一下吧:
vue一般来说也就是Vue路由,即可以根据不同地址,创造不同页面。而route即一个路由,路由是url到函数的映射,它能够将url路径与一个函数进行映射,当然,route也能够相当于当前正在跳转的对象,可从里面获取name、path、params、query等。
拓展:
在vue中使用vue-route的方式:
1、首先需要下载vue-router
即npm install vue-router --save
2、进行编码
1.需要先在项目中新建文件夹router/index.js。具体指令为:
/*
* 路由对象模块
* */
import Vue from 'vue'
import VueRouter from 'vue-router'
/*引入pages*/
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: '/',
redirect: '/msite' //系统默认页
}
]
})
2.接着就可以在main.js中全局使用router了,具体指令为:
// 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 router from './router' //引入路由
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>',
router //引入路由
})
-
汽车加玻璃水要兑水吗?
非浓缩型的玻璃水都是已经配置好,不需要兑水添加的:1、玻璃水是汽车挡风玻璃常用的清洗液,也是汽车中使用的消耗品;浓缩型玻璃水就需要兑水稀释的;2、优质汽车挡风玻璃水主要由水、醇...
问答查看全文>> -
全自动洗衣机品牌推荐 半自动洗衣机的优缺点
半自动洗衣机简单地说就是一边是洗衣服的,而另一边是甩干的,可重复洗衣服的机器。这种洗衣机使用范围极广,究竟半自动洗衣机的优缺点有哪些?市面上的半自动洗衣机品牌又有哪些?全自动洗...
品牌查看全文>> -
汽车方向盘回正是几圈呢
方向盘朝任一方向打到极限是一圈半多一点,教练通常都叫两圈。回一圈是告诉你回到箭头朝上。两圈回正,是要你两次箭头朝上,将前轮摆正。如无法确定前轮处于什么位置,可朝任意方向打死,再...
问答查看全文>>
推荐
- 1绿本在银行怎么改色487
- 2新车年检标志几年换一次?143
- 3饮秋米酒好喝吗 饮秋米酒怎么样424
- 4电子手刹启动和解除时有异响112
- 5用成语给起名男孩141
- 6东莞九大体育公园150
- 7qq爱心图案怎么打257
- 8长寿化工职业学校有哪些专业293