1. 程式人生 > >vue中的computed屬性

vue中的computed屬性

computed屬性的特性

  • computed屬性依賴於data中的變數。
  • 計算屬性定義的方法必須存在返回值。
  • 當依賴的資料發生變化時,會直接重新呼叫該計算屬性的方法。
  • 有方法形式和物件形式。方法形式時,為只讀get。物件形式,可寫set可讀get
    如下:
  new Vue({
    el: '#root',
    data: {
      msg: 0
    },
    computed: {
    //dealMsg2只讀
      dealMsg2 () {
        return this.msg + 1
      }
, //dealMsg可讀可寫 dealMsg: { get: function () { return this.msg + 1 }, set: function (v) { this.msg = v - 1 } } } })
  • 方法形式時,一般無引數。物件形式時,set方法需要傳入引數,用於改變data屬性中的值