Рубрики
JS фреймворки Vue.js Vue основы Vue project

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

Первый компонент App

Vue пропагандирует компонентный подход, то должен быть некий корень или условно точка входа в приложение
это будет первый компонент App

1. Создание экземпляра приложения
createApp

  • импортируем из vue
  • оставляем функцию createApp
  • с помощью неё создаём экземпляр приложения

параметром в функцию createApp передаём некий корневой компонент

2. Монтирование экземпляра приложения
Mount

Используем корневой div в файле public\index.html

Куда наше приложение монтировать?
нам необходимо указать, чтобы его мог видеть пользователь
public\index.html
для этого мы указывали в файле id=»app»

Мы разрабатываем приложение SPA

Используем функцию Mount в файле src\main.js

  • всё взаимодействие происходит на уровне компонентов
  • на уровне JavaScript

src\main.js

import { createApp } from 'vue'

createApp(App).mount('#app')

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *