javascript – So verwenden Sie Daten, um den von den Gettern von Vuex erhaltenen Wert in der Vue-Komponente zu speichern

Question

Ich habe ein Benutzerobjekt wie dieses erhalten. Wie kann ich die Daten in dieser Komponente verwenden, um den Wert dieses Benutzerobjekts zu speichern, um zu vermeiden, dass Vuex den Wert direkt ändert?

Answer 1

// ...
data: {
  // 组件初始化时从 vuex user 中获取值
  privateUser: this.user
}
watch: {
  // 当 vuex 的 user 值变更时同步 data 属性
  user (newVal) {
    this.privateUser = newVal
  }
}

Answer 2

computed: {
    userName () {
        return this.user
    }
}