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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战