父传子
1、在父组件的子组件标签自定义一个属性，挂载要传输的变量
2、在子组件中通过props来接受数据，如果数据只是在视图中展示，那么直接使用就是，如果数据需要参加逻辑运算那么在setup函数中设置形参props,用props.自定义属性名来调用数据即可
父组件：
子组件
子传父
1、在父组件的子组件标签上，自定义事件挂载要调用的方法
2、在子组件的setup函数中解构出emit ,通过emit触发父组件的事件，数据是以参数的形式进行传递的
父组件：
子组件：
1、在父组件的子组件标签自定义一个属性，挂载要传输的变量
2、在子组件中通过props来接受数据，如果数据只是在视图中展示，那么直接使用就是，如果数据需要参加逻辑运算那么在setup函数中设置形参props,用props.自定义属性名来调用数据即可
父组件：
子组件
1、在父组件的子组件标签上，自定义事件挂载要调用的方法
2、在子组件的setup函数中解构出emit ,通过emit触发父组件的事件，数据是以参数的形式进行传递的
父组件：
子组件：
本文标题：vue3的组件通信
本文链接：https://www.haomeiwen.com/subject/pljdrrtx.html
网友评论