Создание компонента
два способа
пример корневой App
1 способ.
Создать компонент как объект
компоненты представляют обычные JavaScript
набор предопределённых полей data, methods
src\main.js
создание компонента сразу же в главном файле
import { createApp } from 'vue'
const App = {
data,
methods,
}
createApp(App).mount('#app')2 способ.
Single file Component
подход, с помощью которого создаются компоненты
создание файла с расширением vue
src\App.vue
template, script, style
внутри есть несколько секций, в которых мы будем описывать компонент
template
шаблон, структура нашего компонента
то из чего состоит компонент
Динамически изменение модели
Реактивность
создание функции или объявление происходит в поле methods у компонента
this
default или объект компонент
this.ИмяМодели
- получение доступа к данным data т.е. какой то конкретной модели
- обращаясь к this мы не указываем data, а сразу пишем имя поля или модель
