Установка фреймворка

Создание компонента
два способа
пример корневой 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, а сразу пишем имя поля или модель