```
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