组件通信

vue3组件通信--props最近在做项目的过程中发现，props父子通信忘的差不多了。下面写个笔记复习一下。父组件（FatherComponent.vue）：

【Vue3】组件通信之mitt随着年龄的增长，很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来，技术出身的人总是很难放下一些执念，遂将这些知识整理成文，以纪念曾经努力学习奋斗的日子。本文内容并非完全原创，大多是参考其他文章资料整理所得，感谢每位技术人的开源精神。

【Vue3】组件通信之provide&inject随着年龄的增长，很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来，技术出身的人总是很难放下一些执念，遂将这些知识整理成文，以纪念曾经努力学习奋斗的日子。本文内容并非完全原创，大多是参考其他文章资料整理所得，感谢每位技术人的开源精神。

WalkingWithTheWind～

Vue 常用组件间通信方式父组件通过 props 向子组件传递数据，子组件通过 props 接收数据。子组件通过 $emit 触发事件，父组件监听事件并接收数据。

Vue3中的常见组件通信之`pinia`在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue3中的常见组件通信之`provide`、`inject`在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue3中的常见组件通信之$attrs在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue3中的常见组件通信之mitt在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue3中的常见组件通信之v-model在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue3中的常见组件通信之props和自定义事件在vue3中常见的组件通信有props、mitt、v-model、 r e f s 、 refs、 refs、parent、provide、inject、pinia、slot等。不同的组件关系用不同的传递方式。常见的撘配形式如下表所示。

Vue插槽与作用域插槽title: Vue插槽与作用域插槽 date: 2024/6/1 下午9:07:52 updated: 2024/6/1 下午9:07:52 categories:

react 父组件调用子组件的属性或方法在vue3中，可使用 useImperativeHandle、forwardRef、useRef这一步跟vue3比较接近

Vue3基础使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改。

vue3组件间的通信，通过props，emit，provide和inject把数据传递N个层级，expose和ref实现父组件调用子组件方法我们通过props属性可以把数据传给组件，而通过provide与inject我们可以把数据传递给N个层级的子组件，比如A组件用了B组件，B组件用了C组件，它可以把组件直接从A传给C组件,vue2使用computed来实现响应式,而vue3中 provide 使用ref或reactive定义的变量即可实现响应式。

装不满的克莱因瓶

尚硅谷 Vue3+TypeScript 学习笔记（下）目录五、组件通信5.1. 【props】5.2. 【自定义事件】5.3. 【mitt】5.4.【v-model】