2024-01-25 20:06 广州大学华软软件学院 前端工程师
关注
Vue 中组件传值有哪些方式？
使用 props：父组件通过 prop 将数据传递给子组件，在子组件中通过 props 来接收和使用传递的数据。
使用事件：子组件通过 $emit 方法触发一个自定义事件，并将数据作为参数传递给父组件，在父组件中通过 v-on 监听子组件事件并处理传递的数据。
使用自定义事件总线：通过创建一个空的 Vue 实例作为事件中心，组件之间可以通过该实例进行事件的触发和监听，从而实现跨组件的数据传递。
使用 provide 和 inject：父组件通过 provide 向所有子孙组件注入数据，子组件通过 inject 来接收注入的数据，从而实现跨级组件间的数据传递。
使用 Vuex（状态管理）：通过创建一个全局的 store 对象来存储和管理应用的状态，各个组件可以通过读取和修改 store 中的数据来实现组件间的数据传递。
更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb
使用事件：子组件通过 $emit 方法触发一个自定义事件，并将数据作为参数传递给父组件，在父组件中通过 v-on 监听子组件事件并处理传递的数据。
使用自定义事件总线：通过创建一个空的 Vue 实例作为事件中心，组件之间可以通过该实例进行事件的触发和监听，从而实现跨组件的数据传递。
使用 provide 和 inject：父组件通过 provide 向所有子孙组件注入数据，子组件通过 inject 来接收注入的数据，从而实现跨级组件间的数据传递。
使用 Vuex（状态管理）：通过创建一个全局的 store 对象来存储和管理应用的状态，各个组件可以通过读取和修改 store 中的数据来实现组件间的数据传递。
更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb
全部评论
相关推荐
点赞 评论 收藏
分享
2025-11-18 13:10
门头沟学院 Java 落依依：同学，瞅瞅我司，医疗独角兽，
因为新业务扩展，11月校招HC暴增！
我的主页最新动态，绿灯直达，免笔试～
查看9道真题和解析 点赞 评论 收藏
分享
2025-12-15 11:27
门头沟学院 Java 
点赞 评论 收藏
分享
点赞 评论 收藏
分享