uniapp组件之间的数据传递(兄弟传值)

B组件

<template>
    <view>
        <text>这是B组件的数据 :{{num}}</text>
    </view>
</template>

<script>
    export default {
        name:"tb",
        data() {
            return {
                num:10
            };
        },
        created(){
            uni.$on('updateNum',num=>{
                this.num += num;
            })
        }

    }
</script>

A组件

<template>
    <view>
        这是A组件<button @click="addNum">使用</button>
    </view>
</template>

<script>
    export default {
        name:"ta",
        data() {
            return {
                
            };
        },
        methods:{
            addNum(){
                uni.$emit('updateNum',10)
            }
        }
    }
</script>

父组件

<template>
    <view>
        <ta></ta>
        <tb></tb>
    </view>
</template>

<script>
    import ta from '../../components/a.vue'
    import tb from '../../components/b.vue'
    export default {
        components:{
            ta,
            tb
        }
    }