[toc]
## pre
除了用表達式直接進行數據渲染,還有三種方式可以在模板上渲染數據
分別是
computed,watch,methods
## 三者之間的對比
computed和watch渲染模板有**緩存**
,而methods沒有
這意味著如果組件里的其它數據改變,那么使用methods渲染的數據也一定也會重新渲染(即使它并沒有發生改變),而computed/watch并不會
## 帶括號 or 不帶括號
計算屬性雖然是個方法,但正如它的名字,是個屬性,調用時**不**用加`()`
而如果使用methods定義一個方法來渲染數據,是要加`()`的
- 空白目錄
- 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