三点概括
- Vue Router 是 Vue.js 官方的路由管理器。
- 核心概念是:History 模式/导航守卫/路由懒加载
History 模式作用:符合URL标准格式,用来取代不美观的hash模式(#)。
导航守卫作用:通过跳转或取消的方式守卫导航。
路由懒加载作用:不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件。从而更加高效。
- 常用 API:
router-link:(点击) 导航
router-view:渲染路径匹配到的视图组件
this.$ router.push:
this.$ router.replace
this.$route.params
引申
1.Vue Router 怎么做懒加载?
import('./Foo.vue') // 返回 Promise
import,后面加个括号,然后括号内写组件路径。