Vue 路由总结

传参1：querystring方式传参

/path?key1=value1&key2=value2
querystring方式传参
在接收页面使用 $route.query 接收

传参2：params

动态路由，先修改路由配置

{
    path:'/path/:id'
}
​
传了一个id为10的参数。/path/10
在接收页面使用 $route.params

命名路由

{
    path:'/path',
    name:'routename'
}
​
$push( { name:'routename' } )

跳转最原始的

$push( '/path?key1=value1&key2=value2' )
$push( '/path/20' )
$push( '/path' )

路由懒加载

let cates = ()=> import('../views/cates/cates.vue')

元信息

修改路由的规则配置
{
    path:'/path',
    component:demo,
    meta:{
        key:value,
        title:'首页'
    }
}
其它页面可以访问到当前页面路由的详细信息
$route.meta

其它

全局组件、全局过滤器、重置样式、rem.js、字体图标、assets、public