```
import Router from 'vue-router'
Vue.use(Router);
```
是的,引入的`Router`不仅会在这里注册时用到,还会用它**new**出`router`,
并最终将这个router注入到Vue根实例中
```
new Vue({
router
, render: (h) => h(App)
}).$mount(root);
```
这样,做完以上三件事,路由才得以生效
总结一下
1. 将引入的vue-router注册成Vue插件
2. 引入的vue-router是一个构造函数,我们通过传递一份儿路由配置清单给这个构造函数,得到一个router实例
3. 将这个router实例注入到Vue根组件实例中
>[warning] 我们得到的router实例上还有几个路由守卫的函数方法,能帮助我们监控路由切换的流程
- 空白目录
- vue-cli
- runtime-only
- Vue对比React
- 组件与实例
- data-binding
- computed的set和get
- scoped
- 事件
- 自定义指令
- 插件
- keep-alive
- $nextTick与生命周期
- 路由
- Vue.use(Router)
- this.$router编程式导航
- this.$route
- new Router
- routes
- mode
- linkClass
- scrollBehavior
- query
- fallback
- base
- router-view
- router-link
- 路由守卫
- 左右切换
- 滚动
- FAQ
- vuex
- 适用
- new Vuex.Store
- state
- mutations
- getters
- actions
- strict
- plugins
- modules
- namespace
- this.$store
- commit
- dispatch
- mapXX
- eventBus
- Vue工程相关
- 引用路径的简化
- css-module
- vue-loader
- 异步加载
- 支持jsx
- 让webpack支持对vuex的热替换
- .eslintrc