Изучаем JavaScript

  Svelte - тонкий, стройный, изящный, элегантный Основное преимущество Svelte - браузеру отдаётся уже скомпилированный код, за счёт чего обеспечивается его минимальный вес и максимальное быстродействие За эту особенность Svelte называют исчезающим фреймворком - разработчик писал код пользуясь возможностями фреймворка, а браузер получил чистый JavaScript Как и во vue, скрипты и стили пишутся внутри компонента Svelte. Отличие в том, что если в vue разметку заключали в тег template. в Svelte разметка пишется без любого ограничивающего тега. Что не скрипт и не стиль, то - разметка Любые переменные, указанные в скрипте, могут отображаться в разметку. Для этого их достаточно взять в фигурные скобки Базовый пример < script >   let name = 'World' </ script > < style >   h1 {     color : indigo ;     text-transform : uppercase ;     font-size : 4 em ;     font-weight : 100 ;   } </ style > < main >   < h1 > Hello {name}! </ h1 > </ mai

Документация https://vuejs.org/guide/introduction.html  Установка Vue npm install -g @vue/cli // устанавливаем vue cli глобально vue create my-project // создаём проект npm run serve // запускаем проект Корневые директории, с которыми будем работать - public - src В public лежит файл index.html, в нём div с id="root". Сюда будет монтироваться приложение В src файл main.js в который импортируется компонент App.vue и передаётся (монтируется) в index.html import { createApp } from 'vue' import App from './App' createApp (App). mount ( '#app' ) Компоненты Каждый компонент это объект с набором полей. В поле data приходят данные, которые будет использовать компонент, в поле methods пишем функции. Чтобы создать компонент, создаём файл с его названием и расширением .vue. Для названия созданных нами компонентов обязательно использовать СamelCase, этим они отличаются, от компонентов, созданных самим фреймворком, например, компонента App  Затем заходим в файл