vue router

vue-router 记录

1.在配置一个新的路由的时候，也就是new Router的时候默认跳转方式是hash，想改变为history需要配置
mode： history，
fallback： true。（浏览器在不支持history的时候转变为hash），可以在router-view外加上transtion实现渐出渐入的效果。
2.关于滚动条的行为：
scrollBehavior（to，from，savedPosition）三个参数的意义分别是：要跳转的页面，当前页面，保存当前滚动的位置。
3.配置路由表Routes
export default [
{
path:/xxx,
component: 组件名，
name： ’ app’,(也可以通过name跳转)
meta： {
title：’ 标题‘,（这块可以放一些基础信息）
}，
children：【
{path： xxx，
component： xxx
（这个主要用于嵌套组件，在这个组件放入router-view）

}

】

}
]
4.路由传参
path：/xxx ： id，
props： true。
加了参数以后，组件跳转的时候，this.$$route（代表当前路由的信息）里面的params：id：123.动态路由传参，主要用于列表页跳转到详情页，通过item.id可以拿到这个id的数据来实现详情页组件的复用。设置props：true以后，我们不需要在组件中使用this.$$Route来获取这个参数，而是通过在组件中的props：【‘id’】来获取到。
5.query传参
http：//127.0.0.1/login？a=123&b=456
path：/xxx： id，
props：（route）=> （{
id ：route.query.b

}），
6.视图命名
在组件中可能需要多个router-view，这个时候可以给它加上name属性，然后再routes里面配置，
path： /xxx，
components ：{
default： 某个组件，
a： 某个组件
（a是name属性的值）
}