計算屬性將被添加到Vue的實例中。計算屬性內部的getter和setter函數內的this上下文將自動地綁定為Vue實例

不應該使用箭頭函數來定義計算屬性函數 (例如 aDouble: () => this.a * 2)。理由是箭頭函數綁定了父級作用域的上下文，所以 this 將不會按照期望指向 Vue 實例，this.a 將是 undefined

實例動態屬性的調用不用添加括號，比如寫成’vm.aPlus()’

計算屬性和data中的屬性一樣，都是可以應用在頁面上的

例子中的aDouble和aPlus都是依賴于data對象中的a屬性，所以只要a屬性發生了改變那這兩個屬性都會自動的進行計算，從而改變頁面中使用aDouble和aPlus的地方

實例1：

這里的意思就是如果data中的’this.scrollY’發生了變化，那么currentIndex便會進行實時的計算，我們要做的就是將currentIndex函數實時返回的結果賦予HTML元素中便可以

實例2：

因為計算屬性被添加到Vue的實例中，所以這里可以直接動態綁定class

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Vue之计算属性Computed的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。