官网是最好的文档，其他都是扯犊子
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，依赖于Vue.js
下载demo看源码，vscode打开终端，输入vue create routerapp，在新项目选中router回车。
image.png
history model是vue-router一种模式，还有hash模式稍后会讲，这里直接yes
image.png
Demo结构
主要看红色部分
router的index.js为路由配置（组件路径、VueRouter配置参数等）
views视图vue文件
App.vue单页面应用主视图
main.js在这里对于router的作用就是在vue对象中实例化router，使其生效
router.js
举一个简单的例子
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)// 全局使用vue
//定义routes配置参数
const routes = [{
path: '/',//路由路径
name: 'Home',//路由名称
component: Home//组件模板，最上方引入
}
]
const router = new VueRouter({
mode: 'history', //history model 模式，路由会有一些区别
routes
})
export default router //export
history or hash model
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
