**传递参数主要有两种类型: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’)
}
},