PHP前端开发

vue中兄弟组件之间怎么传值

百变鹏仔 3个月前 (09-25) #VUE
文章标签 组件
兄弟组件间值传递有两种方法:通过 props:父组件定义 props 属性,子组件接收并使用。通过事件总线:创建全局事件对象,组件通过 $emit 触发事件传递数据,其他组件通过 $on 监听接收数据。

Vue 中兄弟组件之间如何传值

在 Vue 中,兄弟组件之间传递值有两种常见的方法:

1. 通过 Props:

步骤:

立即学习“前端免费学习笔记(深入)”;

<template><child-component :message="myMessage"></child-component></template>
export default {  props: ['message']}

2. 通过事件总线:

步骤:

立即学习“前端免费学习笔记(深入)”;

eventBus.$emit('my-event', data);
eventBus.$on('my-event', data =&gt; {  // 使用 data});