vue组件间怎么传值

在Vue.js中，组件间的传值通常有几种方式：

1. **props**（属性）：这是父子组件通信的主要手段，父组件通过props向子组件传递数据。子组件通过`props`接收数据，并且这些数据被认为是只读的。示例：

   <parent-component :data="someValue" />

父组件：

   export default {
     props: ['data']
   }

2. **事件发射（Event Emission）**：利用Vue提供的`v-on`绑定事件监听，通过自定义事件在组件间发送数据。子组件触发事件，父组件接收到事件并在事件处理器中处理数据。如：

子组件：

   <button @click="sendData">点击发送</button>

   methods: {
     sendData() {
       this.$emit('child-event', 'sent data');
     }
   }

父组件：

   <child-component @child-event="handleData"></child-component>

   methods: {
     handleData(data) {
       console.log(data);
     }
   }

3. **Vuex**：当需要在应用的状态管理中传递数据时，Vuex是一个好的选择。它创建了一个集中式的存储对象，所有的组件都可以通过actions和mutations来读取和更新状态。

4. **自定义事件 bus（Event Bus）**：对于非直系父子组件间的通信，可以使用全局事件总线，比如 Vue.js 中的 `vue-eventbus` 或者自定义一个空的 Vue 实例作为事件中心。

以上就是Vue组件之间常见的一些数据传递方式。每种方法都有其适用场景，要根据实际需求来选择。