vue 中 computed属性中的get与set;

1.computed是对⾃⼰定义的变量进⾏监控,这⾥的变量不是在data中定义,直接
在computed中定义,然后变量放到展⽰页⾯后就实现了数据的双向绑定,当变量发
⽣改变是就会触发计算,说到这就要说说第⼆点get和set ⽅法了,


2.computed中有get和set⽅法,(在默认的情况下只有get)


1.get⽅法是取,相当于我们可以在get中给这个计算属性中的变量赋值
2.set⽅法是改变时触发,这⾥的改变指的是当我们在computed中定义的变量的值发⽣改变是,会触发set⽅法,这样我们就可以在set⽅法中进
⾏⼀些我们想要做的事,(⽐如说调⽤某个⽅法 列:

this.$emit("input", newValue);

传值给父组件,

众所周知,props是父向子传值的一种形式。当我们子组件的props值要改变的时候,不能直接通过改变子组件的props来改变父组件(不然会报错)。

解决方式

  • 使用computed方式 ,也就是最开始介绍的内容
 computed: {
    count: {
      get() {
        return this.value;
      },
      set(newValue) {
        this.$emit("input", newValue);
      },
    },
  },

set()可以监听 参数value 值的变化

猜你喜欢

转载自blog.csdn.net/YZ_ZZZ24/article/details/124828079
今日推荐