vue 两个组件挨着 怎么互相传值

在Vue中，若想让两个相邻的组件之间传递数据，有几种常见的方法：

1. **props** (属性绑定)：父组件通过`props`将数据传递给子组件。例如，在父组件中：

   <child-component :value="parentValue" />

然后在子组件中接收并使用这个值：

   props: {
     value: String
   },
   created() {
     console.log(this.value);
   }

2. **事件（Event Emitter）**：通过$emit和$on父子组件间通信。父组件触发子组件的自定义事件，然后子组件捕获并处理这个事件：

   // 父组件
   this.$refs.childComponent.$emit('update-value', newValue);

   // 子组件
   methods: {
     updateValue(newValue) {
       this.newValue = newValue;
     }
   }
   @Listen('update-value')
   handleUpdateValue(newValue) {
     this.value = newValue;
   }

3. **Vuex store**：如果需要更复杂的数据管理，可以使用状态管理库Vuex，在store中保存共享状态，然后通过actions或mutations修改，再通过props或计算属性同步到组件上。

4. **自定义指令**：如果需求特殊，还可以创建自定义指令来进行值的双向绑定。