【Vue-7】Vue Router 是怎么用的

三点概括

1. Vue Router 是 Vue.js 官方的路由管理器。
2. 核心概念是：History 模式/导航守卫/路由懒加载

History 模式作用：符合URL标准格式，用来取代不美观的hash模式（#）。
导航守卫作用：通过跳转或取消的方式守卫导航。
路由懒加载作用：不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件。从而更加高效。

3. 常用 API：
   router-link：(点击) 导航
   router-view：渲染路径匹配到的视图组件
   this.$ router.push：
   this.$ router.replace
   this.$route.params

引申

1.Vue Router 怎么做懒加载？

import('./Foo.vue') // 返回 Promise

import，后面加个括号，然后括号内写组件路径。