vuejs обновляет все компоненты при изменении состояния

Question

Я использую vuex для управления состоянием.Допустим, у меня есть n компонентов, использующих vuex для доступа к данным.Все n компонентов используют состояние и привязаны к представлению.Итак, я хочу знать, если component1 изменяет состояние, скажем, удаляет определенный элемент, как я могу запустить n-1 компоненты, чтобы обновить представление с соответствующим состоянием.Может ли это быть сделано с помощью вычисляемой функции или есть другой более эффективный способ обновить представления с соответствующим состоянием.

С уважением.

Answer 1

с использованием computed

, как вы упомянули, чистый способ - использовать свойство computed.в функциях вы можете получить доступ к this.$store.state и изменить поведение компонента n+1 в зависимости от n.

, включая изменения в действии

. Другой способ заключается в том, что ваше действие просто вызывает мутациидля элемента n и n+1.

изменения, относящиеся к стилизации

, просто чтобы упомянуть об этом, когда вы хотите, чтобы компонент отображался или отображался условно, часто достаточно установить классна модифицированном компоненте n и использовании условного стиля на основе этого класса для стиля n+1.