computed属性中的get与set

Posted 2023-03-19

参考技术A 1.computd是vue的一种属性，
2.里面有get和set方法

1.get方法是取，相当于我们可以在get中给这个计算属性中的变量赋值
2.set方法是改变时触发，这里的改变指的是当我们在computed中定义的变量的值发生改变是，会触发set方法，这样我们就可以在set方法中进行一些我们想要做的事，（比如说调用某个方法）

1.computend依赖的数据发生改变才触发回调
2.watch:监听的变量发生改变就会触发回调

vue里computed的set和get方法

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)