\n```\n\nКаждый компонент после монтирования тоже является экземпляром со своим контекстом. В Options API к нему обращаются через `this`; в Composition API явного `this` обычно нет — работают с `ref`/`reactive` и замыканиями.\n\nВажные нюансы для интервью: один вызов `createApp` даёт изолированное приложение (свои плагины, `provide`/`config`). Несколько корней на странице — несколько `createApp`. «Instance» в документации Vue 2 часто = `vm`; во Vue 3 чаще говорят «component instance» / «app instance».\n\nПолезно отличать app instance (`createApp`) от component instance. Через app настраивают плагины, глобальные компоненты, `errorHandler`, `config`. Через component instance доступны lifecycle и локальный state. В тестах часто монтируют компонент и проверяют его instance/emits, а не весь app."}}}

Что такое экземпляр Vue (Vue instance)?

Vue · junior · сложность 3

Войти, чтобы отмечать

Как это устроено

Экземпляр Vue (Vue instance) — это конкретное приложение или компонент, у которого есть собственное реактивное состояние, шаблон/render-функция и жизненный цикл. Исторически во Vue 2 корень создавали так: new Vue({ el: '#app', data, methods }).

В Vue 3 корневой экземпляр создаётся через createApp:

<script>
import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'

const app = createApp(App)
app.use(createPinia())
app.mount('#app')
</script>

Каждый компонент после монтирования тоже является экземпляром со своим контекстом. В Options API к нему обращаются через this; в Composition API явного this обычно нет — работают с ref/reactive и замыканиями.

Важные нюансы для интервью: один вызов createApp даёт изолированное приложение (свои плагины, provide/config). Несколько корней на странице — несколько createApp. «Instance» в документации Vue 2 часто = vm; во Vue 3 чаще говорят «component instance» / «app instance».

Полезно отличать app instance (createApp) от component instance. Через app настраивают плагины, глобальные компоненты, errorHandler, config. Через component instance доступны lifecycle и локальный state. В тестах часто монтируют компонент и проверяют его instance/emits, а не весь app.

Загрузка…