vue3的组件通信
2022-02-28 本文已影响0人
文菇凉666
父传子
1、在父组件的子组件标签自定义一个属性,挂载要传输的变量
2、在子组件中通过props来接受数据,如果数据只是在视图中展示,那么直接使用就是,如果数据需要参加逻辑运算那么在setup函数中设置形参props,用props.自定义属性名来调用数据即可
父组件:
子组件
子传父
1、在父组件的子组件标签上,自定义事件挂载要调用的方法
2、在子组件的setup函数中解构出emit ,通过emit触发父组件的事件,数据是以参数的形式进行传递的
父组件:
子组件: