[toc]
使用`<router-view/>`確定路由組件渲染的位置
### 關于緩存
**默認**,每次切換進一個路由組件,該路由組件都會**重新加載**
要想路由組件得到緩存,需要使用Vue自帶的`<keep-alive>`組件對`<router-view>`進行包裹
### exclude
使用`<keep-alive>`后,所有路由組件都會有緩存,但如果你想某些路由組件不緩存,比如**詳情頁面**、個人信息頁面等,這些根據不同id渲染的內容不同的頁面就不需要緩存,那怎么破呢?
可以在`<keep-alive>`設置一個`exclude`屬性,excluede,排除的意思
除此之外通過聲明周期`activated`也能達到同樣的效果
### router-view也可以設置類名
這樣設置的類名,就會作用于匹配到的路由組件的根節點
并且不會覆蓋設置在路由組件上的類名

- 空白目錄
- 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