Skip to content
learn-VRA
Search
Cancel
GitHub
Select theme
Dark
Light
Auto
开始
简介
开发环境
代码风格
概述
通用规则
HTML
CSS
JavaScript
主题
1. Hello World
2. 应用配置和启动
3. 组件
组件
模板
样式
数据
逻辑
4. ref 和 DOM
5. 跨组件数据传递
库和框架
Vue
GitHub
Select theme
Dark
Light
Auto
跨组件数据传递
前面已经了解了跨组件传递数据的几种方式:
props
:可以从父组件向子组件传递各种类型的数据,甚至是方法和组件。
$emit
:可以通过事件从子组件向父组件传递数据
ref
:可以从父组件中访问子组件的数据或方法。
跨组件传递数据的场景有很多:
父组件 <=> 子组件
祖先组件 <=> 后代组件(跨越多层父子关系)
组件 <=> 兄弟组件(位于同一父组件内)
组件树上的任意组件之间(拥有共同的祖先组件)
主题
Vue
React
Angular
props
props
attrs
attrs
slot
slot
自定义事件
$emit
局部共享
Provide/Inject
状态管理库
Pinia