本文详细介绍了Vue中组件之间13种通信方式，包括props、$emit、ref、$parent/$children、$attrs/$listeners、v-model、sync、bus、Vuex、store路由、slot、$root、pinia以及provide/inject，涵盖了父子、兄弟及跨组件的各种场景。
最常见的几种:
目录
父子之间传值:
1.props 父向子传值
1.1父组件通过:自定义名称="值",
1.2子组件使用props接受,与data同级,子组件接收到数据之后，不能直接修改父组件的数据。否则会报错，因为当父组件重新渲染时，数据会被覆盖。如果只在子组件内要修改的话推荐使用 computed.
2.$emit 子向父传值
2.1子组件通过this.$emit('自定义事件',参数)
2.2父组件用@接受自定义事件,并定义方法.
3.ref
3.1ref 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例.
3.2可以通过实例直接调用组件的方法或访问数
最低0.47元/天 解锁文章
886
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
