Vuex 상태에서 개체의 속성을 지우는 가장 좋은 방법은 무엇입니까?

Vuex 상태에서 개체의 속성을 지우는 가장 좋은 방법은 무엇입니까?

이 오브젝트가 에 있다고 가정합니다.stateVuex 스토어:

const state = {
  profile: {
   name: "Bob",
   jobTitle: 'Baker',
   age: 38,
  }
}

Vue.js 템플릿에서 이 오브젝트에 액세스하려면computed다음과 같은 속성:

<template>
    <p>Welcome {{ profile.name }}</p>
</template>

이 방법은 정상적으로 작동하지만 속성을 먼저 정의해야 합니다.로그온한 사용자가 없는 경우 각 속성은profile빈 문자열로 설정해야 합니다.왜냐하면 우리가 세팅할 때state.profile = nullVue 템플릿은 속성을 찾을 수 없다고 불평합니다.name더이상.

이런 사건을 처리하는 가장 좋은 방법은 무엇일까요?오브젝트 속성을 반복하여 모두 공백 문자열로 설정해야 합니까?아니면 더 나은 방법이 있을까요?

도와주셔서 고맙습니다.

빈 값을 반환하는 공장 메서드를 사용할 수 있습니다.profile오브젝트/모델을 사용하여 상태를 초기화합니다.그런 다음 a를 추가합니다.resetVUEX 저장소에 대한 작업을 다시 초기화합니다.profile필요할 때 언제든지 말하세요.

이 기사를 보세요.이상에 대해 자세히 설명하겠습니다.

언급URL : https://stackoverflow.com/questions/61477712/what-is-the-best-way-to-clear-the-properties-of-an-object-in-vuex-state