Вмодель с Vuex не обязателен

Question

Я следовал модели использования get, а затем установил в вычисляемом свойстве, чтобы vmodel работал с Vuex и вводом <textarea>, но что-то не работает, и я не уверен, что это такое.

У меня есть:

<textarea
          class="text-area size19"
          rows="10"
          v-model="userInput"
          aria-label="With textarea"
          placeholder="The more keywords you add, the better..."
        ></textarea>

 computed: {
   userInput: {
    get() {
    return this.$store.getters.userInput;
    },
    set(value) {
    this.$store.commit("updateUserInput", value);
  }
}
}

Тогда в .store есть метод получения, который просто возвращает значение и мутацию, подобную этой:

updateUserInput: (state, newUserInput) => {
  state.userInput = newUserInput;
}

Answer 1

Мои предположения здесь

:

updateUserInput: (state, newUserInput) => {
   Vue.set(state, 'userInput', newUserInput)
}

или:

getters: {
  userInput(state){return state.userInput}
},

но на самом деле

computed: {
  userInput: {
    get: funciton(){
      return this.$store.state.userInput
    },
    set: function(newVal){
       this.$store.commit('updateUserInput', newVal)
    }
}