Vue父子组件通信

200 阅读1分钟

父组件向子组件传递数据

  • 先给父组件中绑定自定义数据 :childData
  • 在子组件中使用 props 来接收父组件传递的数据
  • 可以在子组件中任意使用

子组件向父组件传递数据

  • 子组件中methods 创建一个方法,方法中调用this.$emit()来向父组件传递数据
  • this.$emit('自定义的事件名', 数据)
  • 父组件中绑定子组件发送的自定义事件名,@子组件发送的自定义事件名 = '父组件自定义事件名'
  • 然后同样在methods 中来实现这个方法,父组件自定义事件名(父组件传递过来的数据) {}