Skip to content

跨组件数据传递

前面已经了解了跨组件传递数据的几种方式:

  • props:可以从父组件向子组件传递各种类型的数据,甚至是方法和组件。
  • $emit:可以通过事件从子组件向父组件传递数据
  • ref:可以从父组件中访问子组件的数据或方法。

跨组件传递数据的场景有很多:

  • 父组件 <=> 子组件
  • 祖先组件 <=> 后代组件(跨越多层父子关系)
  • 组件 <=> 兄弟组件(位于同一父组件内)
  • 组件树上的任意组件之间(拥有共同的祖先组件)
主题VueReactAngular
propsprops
attrsattrs
slotslot
自定义事件$emit
局部共享Provide/Inject
状态管理库Pinia