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

160.Что такое фиксация стиля объекта?

Вы также можете зафиксировать мутацию, напрямую используя объект, имеющий свойство типа .
store.commit({
type: 'increment',
value: 20
})

Теперь весь объект будет передан в качестве полезной нагрузки обработчикам мутаций (то есть без каких-либо изменений в сигнатуре обработчика).

mutations: {
increment (state, payload) {
state.count += payload.value
}
}

161.Какие предостережения при мутации vuex?

Поскольку состояние хранилища Vuex становится реактивным с помощью Vue, те же предостережения относительно реактивности vue будут применяться к мутациям vuex. Это правила, которые следует соблюдать для мутаций vuex,

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

Добавить новые свойства в состояние объекта с помощью метода задания или синтаксиса распространения объекта
Vue.set(stateObject, 'newProperty', 'John')
ИЛИ
state.stateObject = { ...state.stateObject, newProperty: 'John' }

162.Почему мутации должны быть синхронными?

Вы должны помнить, что функции обработчика мутаций должны быть синхронными. Вот почему, потому что любая мутация состояния, выполняемая в обратном вызове, по существу не отслеживается. Будет проблематично, когда инструменту разработчика потребуется захватывать снимки состояния «до» и «после» во время мутаций.
mutations: {
someMutation (state) {
api.callAsyncMethod(() => {
state.count++
})
}
}

163.Как вы выполняете мутации компонентов?

Вы можете зафиксировать мутации в компонентах с помощью this. $ Store.commit ('имя мутации') или помощника mapMutations для сопоставления методов компонента с вызовами store.commit .

Например, использование помощника mapMutations в примере счетчика будет следующим:

import { mapMutations } from "vuex";

export default {

methods: {
...mapMutations([
"increment", //сопоставить `this.increment ()` с `this. $ store.commit ('increment')`

// `mapMutations` также поддерживает payloads:

"incrementBy", //сопоставить `this.incrementBy (количество)` с `this. $ store.commit ('incrementBy', amount)`
]),
...mapMutations({
add: "increment", // сопоставить `this.add ()` с `this. $ store.commit ('приращение')`
}),
},
};