vue兄弟组件共享数据

--------------------根目录store.js----------------------------------------------
export default {
    state: {
        message: "hello vue"
    },
    setStateMessage(str){
        this.state.message = str;
    }
}

-----------------------Sister.vue----------------------------------------------------------
<template>
    <div class="Sister">
        <p>姐妹<button @click="changeData">改变数据</button></p>
        <p>{{state.message}}</p>
    </div>
</template>
<script>
import store from "../store";
export default {
    data() {
        return {
            state: store.state
        }
    },
    methods: {
        changeData(){
            store.setStateMessage("Sister data");
        }
    }

}
</script>
------------------------brother.vue------------------------------------------------------
<template>
    <div class="Brother">
        <p>bro<button @click="changeData">改变数据</button></p>
        <p>{{state.message}}</p>
    </div>
</template>
<script>
import store from "../store";
export default {
    data() {
        return {
            state: store.state
        }
    },
    methods: {
        changeData(){
            store.setStateMessage("brother data");
        }
    }
}
</script>