vue组件中如何用data保存vuex的getters获取到的值

Question

我这样获得了一个user对象，怎么用一个此组件内部的data储存这个user对象的值，以避免对值v-modal时直接修改vuex

Answer 1

computed: {

    userName () {

        return this.user

    }

}

Answer 2

// ...

data: {

  // 组件初始化时从 vuex user 中获取值

  privateUser: this.user

}

watch: {

  // 当 vuex 的 user 值变更时同步 data 属性

  user (newVal) {

    this.privateUser = newVal

  }

}