请问我在其他组件里commit了store的change，但是App.vue里showLogin1为什么没有更新？

Question

//store.js

change(state,x){
      state.showLogin1 = x
      console.log("change啦",state.showLogin1)
    }

//App.vue

data() {
      return {
        showLogin1: this.$store.state.showLogin1
      }
    },

Answer 1

App.vue里面使用computed计算属性；data只会执行一次。

  computed: {
    showLogin1() {
      return this.$store.state.showLogin1;
    }
  }