computed用來監控自己定義的變量,該變量不在data里面聲明,直接在computed里面定義,然后就可以在頁面上進行雙向數據綁定展示出結果或者用作其他處理;
computed比較適合對多個變量或者對象進行處理后返回一個結果值,也就是數多個變量中的某一個值發生了變化則我們監控的這個值也就會發生變化,舉例:購物車里面的商品列表和總金額之間的關系,只要商品列表里面的商品數量發生變化,或減少或增多或刪除商品,總金額都應該發生變化。這里的這個總金額使用computed屬性來進行計算是最好的選擇
```
```
與watch之間的區別:
剛開始總是傻傻分不清到底在什么時候使用watch,什么時候使用computed。這里大致說一下自己的理解:
watch主要用于監控vue實例的變化,它監控的變量當然必須在data里面聲明才可以,它可以監控一個變量,也可以是一個對象,但是我們不能類似這樣監控,比如:
- webpack-dev-server不是內部或外部命令
- vue+ele添加笑臉表情
- from UglifyJs Unexpected token: punc (()
- vmodel-ref
- jscopy
- watch_or_computed
- checkbox-group
- array_filter
- array many filter
- js array unshift
- vue watch one
- sku
- edit-button
- el-select clearable placeholder
- 必填
- 如何設置一個索引從1開始
- Injection "elForm" not found
- $refs
- resetFields
- table 二級數據
- Table 合并
- switch 開關
- radio group 單選
- 二級菜單
- 訪問頁面出錯后退到上一頁
- 編輯器tinymce
- v-for從1開始索引
- 圖片綁定路徑
- 分欄間隔
- class綁定card底色
- 動態增減表單項
- watch deep
- form 獲取值
- table索引方法
- table兩個改一個另一個也跟著變解決方法
- table標題改整列
- vue echarts