Vue.js 我应该在用户点击保存按钮之前更新状态吗？

我目前正在为我的vue.js项目使用vuex。为了简单起见，假设它是一个博客。单击“创建新博客”按钮时，我不知道是否应将新的空博客对象添加到状态并更新其中的更改，或者是否应跟踪组件内的更改，并仅在用户点击保存按钮后修改状态。在这种情况下，单击save按钮将把数据保存到我的数据库中

<template>
  <div>
    <div v-for="blog in blogs">
      {{blog.name}}
    </div>
    <button @click="createNewBlog">Create New Blog</button>
  </div>
</template>
<script>
const store = new Vuex.Store({
  state: {
    blogs: [{name:"blog1"},{name:"blog2"}] 
    //When I click on the create new blog button, should I push a 
    new, empty blog object here and update it through v-model or should 
    I track changes within the component with v-model and only update state 
    once the user clicks the save button?
  }
})
</script>

{{blog.name}
创建新博客
const store=新的Vuex.store({
声明：{
博客：[{name:“blog1”}，{name:“blog2”}]
//当我点击“创建新博客”按钮时，我应该按
新的、空的blog对象，并通过v-model或
我使用v-model跟踪组件内的更改，仅更新状态
用户单击“保存”按钮后？
}
})

这类事情将取决于您的用例，但鉴于这是一个简单的博客，使用v-model在组件级别跟踪更改是有意义的，然后在用户单击“保存”按钮后将新的博客信息（保存在本地组件数据中）发送到Vuex。

@Boussadjrahim我已经有办法使用Vuex管理状态（vuex map fields是我使用的软件包）。我想知道在用户保存到数据库之前或之后添加到我的状态在结构上是否更好。感谢您的评论。