兄弟组件间值传递有两种方法：通过 Props：父组件定义 props 属性，子组件接收并使用。通过事件总线：创建全局事件对象，组件通过 $emit 触发事件传递数据，其他组件通过 $on 监听接收数据。
Vue 中兄弟组件之间如何传值
在 Vue 中，兄弟组件之间传递值有两种常见的方法：
1. 通过 Props：
props 属性传递给子组件。props 接收并使用父组件传递的值。步骤：
立即学习“前端免费学习笔记（深入）”；
props 属性，指定要传递的值：<code class="html"><template> <child-component :message="myMessage"></child-component> </template></code>
props 选项中声明要接收的属性：<code class="javascript">export default {
props: ['message']
}</code>this.message 访问传递的值。2. 通过事件总线：
$emit 方法触发一个事件，并传递要传递的值。$on 方法监听事件，并接收传递的值。步骤：
立即学习“前端免费学习笔记（深入）”；
$emit 方法触发一个事件：<code class="javascript">eventBus.$emit('my-event', data);</code>$on 方法监听事件：<code class="javascript">eventBus.$on('my-event', data => {
// 使用 data
});</code>以上就是vue中兄弟组件之间怎么传值的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
336
