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

156.Что такое доступ в стиле метода?

Вы можете получить доступ к состоянию хранилища в стиле метода, передав аргументы.

Например, вы можете передать идентификатор пользователя, чтобы найти информацию о профиле пользователя, как показано ниже,

getters: {
getUserProfileById: (state) => (id) => {
return state.users.find(user => user.id === id)
}
}
После этого вы можете получить к нему доступ как вызов метода,
store.getters.getUserProfileById(111); {id: '111', name: 'John', age: 33}

157.Что такое mapGetter helper?

MapGetters - это помощник, который просто сопоставляет геттеры хранилища с локальными вычисляемыми свойствами.

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

import { mapGetters } from "vuex";

export default {

computed: {
//смешайте геттеры вычисленные с помощью оператора spead
...mapGetters([
"completedTodos",
"todosCount",
// ...
]),
},
};

158.Что такое мутации?

Мутации Vuex похожи на любые события со строкой typeи handler. Функция обработчика - это то место, где мы выполняем фактические изменения состояния, и она получит состояние в качестве первого аргумента.

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

const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
// Мутировать состояние
state.count++
}
}
})
Вы не можете напрямую вызвать мутацию, вместо этого вам нужно вызвать store.commitее тип. Вышеупомянутая мутация будет запущена следующим образом
store.commit('increment')

159.Как вы совершаете commit с payload?

Вы также можете payload (полезные данные) для мутации в качестве дополнительного аргумента в store.commit.
Например, мутация счетчика с объектом полезной нагрузки будет выглядеть следующим образом:
mutations: {
increment (state, payload) {
state.count += payload.increment
}
}
//И затем вы можете запустить инкрементную фиксацию

store.commit('increment', {

increment: 20
})
Примечание: вы также можете передавать примитивы в качестве полезной нагрузки.