vue3

副作用：effect 函数的执行会直接或间接影响其他函数的执行。 响应式数据：当数据发生变化时，页面相应使用该数据的地方也会自动跟着发生变化。 响应式数据实现基本原理：使用 proxy 代理原始对象，

该文章讲的是关于跨级组件通信方式，使用的 API 是 provide 和 inject。 provide 用于提供数据，那么应该在祖先组件中使用；inject 用于接收数据注入到自己的组件中

该文章讲的是父子通信，父组件通过 ref 获取子组件的属性，子组件通过 $parent 获取父组件的属性。同时，由于组件内部数据默认是只能组件内部自己访问，所以想让外部访问到必须使用 defineEx

本篇讲的是使用 useAttrs() 实现父传子，该方法可以将父组件中子组件标签身上的属性和属性值传递给子组件内部，且可以获取自定义事件。

此文章介绍使用 `v-model` 实现父子组件数据同步，原理为：在子组件标签上绑定属性和自定义事件，子组件内部使用 `defineProps` 和 `defineEmits` 接收属性和自定义事件，

该文章讲解的是兄弟组件的通信方式，使用到了第三方包 mitt。原理类似发布订阅模式。提供 on 方法监听事件，提供 emit 方法发送事件。

vue3 实现组件通信的方式之父子通信，其中包含父组件向子组件传值和子组件向父组件传值，以及点击子组件中的按钮父组件的值发生变化，使用到的方法是 defineProps 和 defineEmits