Как лучше всего очистить свойства объекта в состоянии Vuex?

Question

Предположим, у вас есть этот объект в state хранилища Vuex:

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

В шаблоне Vue. js вы можете получить доступ к этому объекту с помощью свойства computed, например: :

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

Это прекрасно работает, но требует, чтобы свойства были определены заранее. И когда пользователь не вошел в систему, каждое свойство profile должно быть установлено в пустую строку. Потому что, когда мы устанавливаем state.profile = null, шаблон Vue будет жаловаться, что больше не может найти свойство name.

Каков наилучший способ обработки такого случая? Нужно ли нам повторить свойства объекта и установить их все в пустую строку, или есть лучший способ справиться с этим?

Спасибо за вашу помощь.

Answer 1

Вы можете использовать фабричный метод, который возвращает пустой profile объект / модель для инициализации вашего состояния. Затем вы добавляете действие reset в свой магазин VUEX, которое повторно инициализирует ваше состояние profile, когда вам это нужно.

Посмотрите на статью ЭТУ . Это объясняет вышеизложенное более подробно.