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 值的变化
————————————————
版权声明:本文为CSDN博主「朝朝朝朝ZZZ」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/YZ_ZZZ24/article/details/124828079