vue的那点事-什么是组件通信

白首成约
29 阅读1分钟
  • 组件通信，就是指组件与组件之间的数据传递
  • 组件的数据是独立的，无法直接访问其他组件的数据
  • 想用其他组件的数据-----组件通信 image.png
  • 不同的组件关系和组件通信方案分类
  • 组件关系分类
  • 父子关系
  • 非父子关系 image.png
  • 组件通信解决方案 image.png
  • 父子通信流程图：
  • 1、父组件通过props将数据传递给子组件
  • 2、子组件利用$emit通知父组件修改更新

image.png

  • 父传子
  • 父组件通过props将数据传给子组件

image.png

image.png

  • 子传父
  • 子组件利用$emit通知父组件，进行修改更新

image.png

  • 总结

image.png

avatar
文章
阅读
粉丝