自动对象变异Vuejs

【问题标题】：Automatic object mutation Vuejs自动对象变异Vuejs
【发布时间】：2019-03-04 16:17:31
【问题描述】：

我有一个小问题。我正在使用 Vuex，并且我有一个对象类型的“用户”状态，当我从我的组件调用它并将其分配给模型时，我一切正常，但是在模型中进行更改时，我会自动突变为我一直是“用户”，我不希望这种情况发生。enter image description here

【问题讨论】：

标签： vue.js binding mutation

【解决方案1】：

您可以使用计算的 set 和 get 将 vuex 状态连接到 v-model。在 get 中，您应该编写一个从商店返回所需数据的函数。在集合中，您应该编写一个将突变提交到商店的函数。

vuex docs 鼓励开发者以这种方式处理表单。

{
  template : '<input v-model="username"',
  computed: {
   username: {
    get: function () {return this.$store.user.name},
    set: function (newVal) { this.$store.commit('setNewName', newVal)}
    }
  }
}

【讨论】：