Что такое State во Vue - Хак Собесов

Что такое state во Vue

Тип вопроса: Vue Вероятность: 10% Категория: Frontend Developer

Ответ

State во Vue — это реактивное состояние компонента, хранящее данные, которые могут изменяться и влиять на отображение. В Options API это data(), в Composition API — ref() или reactive().

Пример:

// Options API
export default {
  data() {
    return {
      count: 0 // реактивное свойство
    }
  }
}

// Composition API
import { ref } from 'vue';
const count = ref(0); // реактивная переменная

Изменения state автоматически обновляют DOM благодаря системе реактивности Vue. Для глобального состояния используют Pinia или Vuex.