2021-08-22

vue中兄弟组件间传值的方法：

1、数据放在公共的父组件再一层一层的传递。
2、利用vue(常用于多个组件共用一个数据，对于一两个组件的话大可不必)
3、利用事件总线来解决
利用uni.$emit来进行触发事件的变化

```handlebars
<template>
	<view class="">
		<input type="text" v-model:value="numA" />
		<button type="default" @click="submitn">同步</button>
		a组件
	</view>
</template>
ssss
<script>
	export default{
		data(){
			return{
				numA:10
			}
		},
		methods:{
			submitn(){
				// 通知事件处理者更新
				uni.$emit("numAChange",this.numA)
			}
		}
	}
</script>

利用uni.$on监听事件的变化

<template>
	<view class="">
		b组件
	</view>
</template>

<script>
	export default{
		data(){
			return{
			}
		},
		created(){
			// uni.$on监听事件的触发
			uni.$on("numAChange",(numA)=>{
				console.log(numA)
			})
		}
	}
</script>