Как мутируется state во Vue

В Vue state мутируется через методы, обычно внутри methods или actions (в Vuex). Для реактивности важно изменять state правильно:

1. Для объектов и массивов – напрямую менять свойства/элементы можно, но добавление новых полей требует Vue.set() или this.$set() для реактивности.

data() {
  return {
    user: { name: 'Alice' }
  }
},
methods: {
  updateName() {
    this.user.name = 'Bob'; // Работает
    this.$set(this.user, 'age', 30); // Добавляет реактивное поле
  }
}

2. Для массивов – используйте методы массива (push, splice) или $set.

methods: {
  addItem() {
    this.items.push('New Item'); // Реактивно
    this.$set(this.items, 0, 'Updated'); // Реактивно
  }
}

3. В Vuex – мутации делаются через commit мутаций (синхронно) или dispatch действий (асинхронно).