vue router 踩坑总结

router.push

// 字符串
router.push('home')
// 对象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

当带有params时，必须用name
必定要注意取数据的时候是route，不是router

路由懒加载

当使用动态import语法时，须要引入Babel-plugin-syntax-dynamic-import插件

const Foo = () => import('./Foo.vue')

Babelrc: “syntax dynamic import”