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

posted @   Harry宗  阅读(948)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示