Что такое VueJS? Каковы основные особенности VueJS? 6

164.Обязательно ли использовать константы для типов мутаций?

Нет, это не обязательно. Но вы могли заметить, что реализации управления состоянием, такие как Flux и Redux, используют константы для типов мутаций. Это соглашение является просто предпочтением и полезно для использования таких инструментов, как линтеры, а размещение всех констант в одном файле позволяет вашим сотрудникам быстро получить представление о том, какие мутации возможны во всем приложении.

Например, мутации могут быть объявлены следующим образом:

// mutation-types.js
export const SOME_MUTATION = 'SOME_MUTATION'
И вы можете настроить их в хранилище следующим образом:
// store.js
import Vuex from 'vuex'
import { SOME_MUTATION } from './mutation-types'

const store = new Vuex.Store({

state: { ... },
mutations: {
//Функция вычисляемого имени свойства ES2015 для использования константы в качестве имени функции
[SOME_MUTATION] (state) {
// состояние мутации
}
}
})

165.Как вы выполняете асинхронные операции?

В Vuex мутации - это синхронные транзакции. Но если вы хотите обрабатывать асинхронные операции, вам следует использовать действия .

166.В чем разница между мутациями и действиями?

Действия похожи на мутации, но есть два основных отличия:

Мутации совершают мутации в состоянии, действия совершают мутации.

Действия могут содержать произвольные асинхронные операции в отличие от мутаций.

167.Приведите пример использования действий?

Vuex предоставляет свойство actions, аналогичное свойству mutations, для определения обработчиков действий. Эти обработчики действий получают объект контекста в качестве аргумента, который имеет те же свойства и методы, что и экземпляр хранилища.

Давайте посмотрим на пример счетчика, чтобы продемонстрировать действие приращения, которое фиксирует соответствующую мутацию,

const store = new Vuex.Store({
state: {
count: 0,
},
mutations: {
increment(state) {
state.count++;
},
},
actions: {
increment(context) {
context.commit("increment");
},
},
});