vue vuex state改变同步组件数据问题

Question

<template>

    <div id="app">

        <loading showTxt="加载中，请稍后" :isShow="isShow"></loading>

        <nv-head></nv-head>

        <router-view></router-view>

        {{isShow}}

    </div>

</template>

<script>

    import nvHead from './components/header.vue';

    import loading from './components/loading.vue';

    export default {

        name      : 'app',

        data () {

            return {

                isShow: this.$store.getters.loadingState

            }

        },

        components: {

            nvHead,

            loading

        },

        handleSelect(key, keyPath) {

            console.log(key, keyPath);

        }

    }

</script>

此时我其他页面修改了this.$store.getters.loadingState 这个参数，但是这里没有双向绑定，请问怎么办

Answer 1

isshow要定义成计算属性