vue里为什么 data 是一个函数,Vue 组件通讯有哪几种方式

IT-CLASS

于 2021-06-17 15:12:01 发布

阅读量195

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 vue

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/IT_bar/article/details/117994091

前端同时被 2 个专栏收录

39 篇文章

订阅专栏

9 篇文章

订阅专栏

本文解释了Vue中为何data采用函数形式定义，确保组件实例拥有独立数据空间，并介绍了多种组件间通讯方式，包括props、emit、事件总线及Vuex等。

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

vue里为什么 data 是一个函数

组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data，就会造成一个变了全都会变的结果

Vue 组件通讯有哪几种方式

props 和 $e m i t 父组件向子组件传递数据是通过 p r o p 传递的，子组件传递数据给父组件是通过$ emit 触发事件来做到的
$p a r e n t,$ children 获取当前组件的父组件和当前组件的子组件
$a t t r s 和$ listeners A->B->C。Vue 2.4 开始提供了 $a t t r s 和$ listeners 来解决这个问题
父组件中通过 provide 来提供变量，然后在子组件中通过 inject来注入变量。(官方不推荐在实际业务中使用，但是写组件库时很常用)
$refs 获取组件实例
envetBus 兄弟组件数据传递这种情况下可以使用事件总线的方式
vuex 状态管理

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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