vue子组件的数据由父组件传进去更为合适

当子组件被复用或同时存在时,处理来自WebSocket的数据可能导致数据共享问题。文章建议,在这种情况下,通过父组件传递数据以避免数据混乱。讨论了在3个弹框共用同一组件且数据类型不同的场景下,如何有效地管理和传递数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

虽然组件的 data 是一个函数,每个实例可以维护自己的data;但有特殊情况,数据会同时改变

1.子组件没有被复用或是复用了但组件不同时存在——推荐组件里获取数据,因为直观,维护方便简单

2.子组件被复用多次或组件同时存在——推荐父组件传进去,因为数据在子组件里处理起来很麻烦

遇到了这样一个问题后,觉得子组件的数据由父组件传进去更为合适

前提:3个弹框可以被同时打开,3个弹框共用了同一个组件,数据类型不同,其他处理方式一样

问题:websocket推进来一条数据msg后,3个弹框都收到了那条msg,子组件里没法处理那条msg,就很像数据被共享了

所以在子组件被复用多次或组件同时存在的时候,推荐传数据进子组件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值