Как отличить Vuex от четырех штатов

Question

Я не могу различить четыре состояния, когда я изучаю Vuex (состояние, мутации, геттеры и действия). Я могу только знать, 'state' - это данные от компонентов, а 'mutations' может изменить состояние. Но двух других мне трудно понять. Как я могу это сделать?

Answer 1

A getter может использоваться по существу как свойство computed - его можно использовать для работы с данными в состоянии, чтобы манипулировать ими для каких-то целей.

Например, если в вашем штате есть список задач, у вас может быть получатель, который выводит только завершенные задания, или тот, который выводит наиболее важные.

Действия используются, когда вам нужно сделать что-то вроде мутации, но таким способом, который основан на асинхронной операции. Как правило, это будет означать запрос AJAX.

Ваше действие будет инициировать запрос AJAX и ждать ответа. Когда ответ возвращается (возможно, через некоторое время), действие либо совершает мутацию, либо напрямую изменяет состояние.

Например, у вас может быть действие getUserProfile, которое выполняет AJAX-запрос, а когда ответ возвращается, устанавливает state.user для данных из этого ответа.