现有组件A、B，在组件B的changeName()方法中如何能修改组件A中的name属性？

补充：组件A、B关系为平级

组件A

<template>
    <div>
        <h1>{{name}}</h1>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                name: "张三"
            }
        }
    }
</script>

组件B

<template>
    <div>
        <button @click="changeName">修改</button>
    </div>
</template>
<script>
    export default {
        data(){
            return {
                
            }
        },
        method: {
            changeName(){}
        }
    }
</script>