vue3 使用setup 语法糖 进行父传子

组件通信需要注意什么？

首先需要注意的是，使用 setup 语法糖定义的组件选项仅在组件实例创建时执行一次，因此如果我们需要在子组件中响应父组件传递的 prop 变化，就需要使用 Vue 提供的响应式 API（如 ref、reactive 等）将 prop 转换为响应式的数据。

另外，为了避免子组件修改 props 导致不可预料的结果，我们应该始终将 props 定义为不可修改的（immutable）数据。这可以通过 Object.freeze() 方法或定义 props 时使用 props: { propName: { type: Type, immutable: true } } 选项来实现。

最后，我们可以使用 emit() 方法在子组件中触发自定义事件来向父组件通信，而不是直接修改父组件传递的 prop。这样可以保证组件间的数据流单向，使代码更易于维护和调试。