Мутации Vuex и Airbnb eslint

- Нет, извини.

Поскольку Vuex магазина государства реактивного Вью, когда мы мутировать государство, компоненты Вью наблюдать состояние будет обновляться автоматически. Это также означает, что мутации Vuex подвержены тем же оговоркам реактивности при работе с простым Vue [...]

Источник: https://vuex.vuejs.org/en/mutations.html

Это означает, что вы должны мутировать параметр, чтобы получить любое изменение в вашем фактическом состоянии. Единственное решение - отключить это правило.

Дополнение:

Возможно, у меня есть лучшее решение. Обратите внимание, что это фактическое правило, применяемое их ESLint:

'no-param-reassign': ['error', {
  props: true,
  ignorePropertyModificationsFor: [
    'acc', // for reduce accumulators
    'e', // for e.returnvalue
    'ctx', // for Koa routing
    'req', // for Express requests
    'request', // for Express requests
    'res', // for Express responses
    'response', // for Express responses
    '$scope', // for Angular 1 scopes
  ]
}],

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

Альтернатива: вы можете использовать Vue. set.

Vue. set использует ту же функцию reactiveSetter (ссылка).

Например:

import Vue from 'vue';

const state = () => ({ counter: 0 });

const mutations = {
  increase(states) {
    Vue.set(states, 'counter', states.counter + 1);
  },
};

Примечание:

• Я специально использую состояния имени переменной, а не состояние при увеличении функции, потому что состояние переменной может быть определено в верхней области видимости (как в моем примере выше). Если не переименовать аргумент первых мутаций в "состояния" (или другое имя), то это нарушает правило no-shadow.

Если вы не хотите изменять правила конфигурации Airbnb, вы можете сделать следующее:`

mutations: {
    increase: (state) => {
        const thisState = {...state};
        thisState.counter++;
        Object.assign(state, thisState);
    }
}`

В приведенном выше примере Вы делаете копию существующего состояния, изменяете счетчик в этом скопированном состоянии, а затем заменяете существующее состояние новым обновленным состоянием.