Vuex，为什么要突变？

Question

我正在努力理解Vuex中变异的概念。 我在网上找到的就是

  

在Vuex存储中实际更改状态的唯一方法是提交   突变

但是我可以很容易地直接在组件内更改状态，例如：

computed: {
  message: {
    get() {
      return this.$store.state.message
    },
    set(newmessage) {
      this.$store.state.message = newmessage
    }
  }
}

（完整的示例是here）

文字突变意味着很多无聊的样板代码，为什么我应该使用它们？

about my example有什么问题吗？

谢谢！