사용자가 저장 버튼을 누르기 전에 상태를 업데이트해야 합니까?

사용자가 저장 버튼을 누르기 전에 상태를 업데이트해야 합니까?

현재 vue.js 프로젝트에 vuex를 사용하고 있습니다.간단히 말하자면, 블로그라고 가정해 보겠습니다.새 블로그 만들기 단추를 클릭할 때 새 빈 블로그 개체를 추가하여 변경 내용을 상태 및 업데이트해야 하는지 아니면 구성 요소 내의 변경 내용을 추적하고 사용자가 저장 단추를 누른 후에만 상태를 수정해야 하는지 알 수 없습니다.이 경우 저장 버튼을 클릭하면 데이터가 데이터베이스에 저장됩니다.

<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>

사용 사례에 따라 이러한 종류의 정보가 달라질 수 있지만, 이 블로그는 단순하므로 v-model을 사용하여 구성 요소 수준에서 변경 사항을 추적한 후 사용자가 저장 버튼을 클릭하면 새 블로그 정보(로컬 구성 요소 데이터에 보관됨)를 Vuex로 전송하는 것이 좋습니다.

언급URL : https://stackoverflow.com/questions/57716107/vuex-should-i-update-state-before-the-user-hits-the-save-button