参数传递的方式

**传递参数主要有两种类型:params和query

params的类型:**
配置路由格式:/router/:id
传递的方式:在path后面跟上对应的值
传递后形成的路径:/router/123

query的类型:
配置路由格式:/router,也就是普通配置
传递的方式:对象中使用query的key作为传递方式
传递后形成的路径:/router?id=123,/router?id=abc

导航守卫
可以实现每次界面的跳转标题显示跳转到的界面
router.beforeEach((to,from,next) =>{
// 从from跳到to
document.title = to.matched[0].meta.title
next()
})
meta 属性,使用实现在每个路由里面加上各种元素。
path: ‘/profile’,
component:Profile,
meta: {
//初始元素
title: ‘档案’
},
matched选择第一个元素,当路由嵌套的时候需要标注第几个元素的内容

在style标签中引入样式要使用 @import“ css位置”

起别名

resolve: {
extensions: [‘.js’, ‘.vue’, ‘.json’],
alias: {
‘@’: resolve(‘src’),
‘assets’: resolve(‘@/assets’),
‘components’: resolve(‘@/components’),
‘views’: resolve(‘@/views’)
}
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值