vue里computed的set和get方法

Posted 2021-03-01 zhujunislucky

computed里的方法其实是默认使用了get方法
例如

computed: {
    editData () {
        return this.value
    }
}
// 相当于
computed: {
    editData: {
      get () {
        return this.value
      }
    }
}

如果对计算属性设置值，就会调用计算属性的set方法

computed: {
    editData: {
      get () {
        return this.value
      },
      set (v) {
        this.$emit(‘input‘, v)
      }
    }
 }
// 如果改变editData的值this.$set(this.editData, ‘fieldOptions‘, _editData)就会触发set方法里的this.$emit(‘input‘, v)