vue3的组件通信

父传子

    1、在父组件的子组件标签自定义一个属性,挂载要传输的变量

     2、在子组件中通过props来接受数据,如果数据只是在视图中展示,那么直接使用就是,如果数据需要参加逻辑运算那么在setup函数中设置形参props,用props.自定义属性名来调用数据即可

    父组件:

子组件

子传父

1、在父组件的子组件标签上,自定义事件挂载要调用的方法

2、在子组件的setup函数中解构出emit  ,通过emit触发父组件的事件,数据是以参数的形式进行传递的

父组件


子组件:

你可能感兴趣的:(vue3的组件通信)