vue中父子组件间的通信

1.父组件通过props向子组件通信

      #1.先给父组件中绑定自定义的属性

      #2.在子组件中使用props接收父组件传递的数据

      #3.完成以上操作后就可以在子组件中任意使用


vue中父子组件间的通信_第1张图片
绑定自定义属性


vue中父子组件间的通信_第2张图片
非自定义属性的写法


2.子组件通过$emit往父组件发送消息

     #1.在父组件中绑定自定义的事件chiildHandler

     #2.在子组件中触发原生的事件,在函数中使用$emit触发自定义的childHandler

    #3.在父组件中触发自定义的事件


vue中父子组件间的通信_第3张图片

后记:等续~~

你可能感兴趣的:(vue中父子组件间的通信)