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」