~ vuejs.org — для создания «фронтенда». позволяет разработчикам легко связывать данные (информацию) с тем, что пользователь видит на экране.. https://vuejs.org/ — это сайт для Vue 3. Это актуальная, современная и рекомендуемая версия фреймворка. (JavaScript (JS); TypeScript (TS); HTML (Шаблоны); CSS (Стили ) (SCSS / SASS; Less; Stylus) )

https://vuejs.org что это ?

Vue.js (произносится как /vjuː/, как слово view) — это популярный прогрессивный JavaScript-фреймворк с открытым исходным кодом, который используется для создания пользовательских интерфейсов (UI) и одностраничных приложений (SPA).

Вот основные моменты, которые объясняют, что это и зачем он нужен:

1. Для чего он используется?

Vue в основном применяется для создания «фронтенда» (визуальной части) веб-сайтов. Он позволяет разработчикам легко связывать данные (информацию) с тем, что пользователь видит на экране. Когда данные меняются, Vue автоматически обновляет интерфейс.

2. Ключевые особенности:

Реактивность: Вам не нужно вручную обновлять текст на странице, если изменилась переменная в коде — Vue сделает это сам.
Компонентный подход: Весь интерфейс разбивается на маленькие переиспользуемые блоки (компоненты). Например, кнопка, шапка сайта или карточка товара — это отдельные компоненты.
Простота в освоении: Vue считается одним из самых легких фреймворков для новичков (по сравнению с React или Angular), так как он использует привычные HTML, CSS и JavaScript.
Декларативный рендеринг: Вы просто описываете, как должен выглядеть конечный результат в зависимости от состояния данных.

3. Почему он популярен?

Гибкость: Его можно внедрить в проект постепенно (например, использовать только для одного виджета на странице) или построить на нем огромное сложное приложение.
Скорость: Он очень легкий и работает быстро.
Огромное сообщество: У Vue отличная документация и множество готовых решений (библиотек).

4. Кто его создал?

Фреймворк был создан Эваном Ю (Evan You) в 2014 году. В отличие от React (который поддерживает Meta/Facebook) или Angular (Google), Vue — это независимый проект, который развивается на средства сообщества и спонсоров.

Резюме: Если вы хотите стать веб-разработчиком и создавать современные, интерактивные и быстрые сайты, Vue.js — это один из лучших инструментов для изучения на сегодняшний день.

на каком языке идет разработка проектов Vue.js ?

Для разработки проектов на Vue.js используется классический стек веб-технологий, но с возможностью выбора между стандартным и более строгим подходом.

Основной «языковой пакет» для Vue-разработчика выглядит так:

1. JavaScript (JS)

Это базовый язык фреймворка. Именно на нем пишется логика приложения: функции, обработка данных, запросы к серверу.

Современный стандарт: В проектах Vue используется современный JavaScript (ES6+), который включает в себя стрелочные функции, классы, деструктуризацию и модули.

2. TypeScript (TS) — Рекомендуемый выбор

В последние годы TypeScript стал стандартом де-факто для Vue.

Сам Vue 3 полностью написан на TypeScript.
TS добавляет в JavaScript «типизацию» (вы четко указываете, где число, а где строка), что помогает отлавливать ошибки еще на этапе написания кода, а не когда сайт уже запущен.

3. HTML (Шаблоны)

Vue использует расширенный синтаксис HTML для создания шаблонов. Вы пишете обычную HTML-разметку, но добавляете в нее специальные «директивы» Vue (например, v-if для условий или v-for для списков).

4. CSS (Стили)

Для оформления используются стандартные каскадные таблицы стилей. Однако Vue позволяет удобно использовать препроцессоры, такие как:

SCSS / SASS
Less
Stylus

Как это выглядит в коде?

Большинство проектов используют SFC (Single File Components) — это файлы с расширением .vue. В одном таком файле объединяются сразу три языка:

Фрагмент кода

<template>
  <button @click="increment">{{ count }}</button>
</template>

<script setup lang="ts">
  // Здесь TypeScript или JavaScript (логика)
  import { ref } from 'vue'
  const count = ref(0)
  const increment = () => count.value++
</script>

<style scoped>
  /* Здесь CSS (стили) */
  button { color: green; }
</style>

Итог: Если вы только начинаете, вам достаточно знать JavaScript. Если вы планируете заниматься этим профессионально, стоит сразу смотреть в сторону TypeScript.

Хотите, я покажу, как настроить первый пустой проект на Vue, чтобы вы могли увидеть эти файлы вживую?

в чем отличие «https://vuejs.org/» и «https://v2.vuejs.org/» ?

Основное отличие заключается в версии фреймворка, которой посвящена документация.

Если кратко:

https://vuejs.org/ — это сайт для Vue 3. Это актуальная, современная и рекомендуемая версия фреймворка.
https://v2.vuejs.org/ — это архивный сайт для Vue 2.

Подробности:

Статус поддержки:
- Vue 3 (основной сайт): Активно развивается, получает обновления, новые функции и исправления ошибок.
- Vue 2 (v2-сайт): Достиг этапа EOL (End of Life) 31 декабря 2023 года. Это значит, что официальная команда больше не выпускает для него обновлений, исправлений безопасности или новых фич.
Технологические различия в документации:
- На главном сайте (vuejs.org) основной упор сделан на Composition API (новый способ написания логики) и использование TypeScript. Также там описываются новые инструменты сборки (например, Vite).
- На сайте второй версии (v2.vuejs.org) используется классический Options API и старые инструменты вроде Vue CLI или Webpack.
Зачем нужен v2.vuejs.org сейчас?
- Поддержка старых проектов: Многие компании до сих пор используют вторую версию в своих продуктах, и им нужна база знаний для поддержки кода.
- Миграция: Если разработчик хочет перевести проект с версии 2 на версию 3, ему нужно сверяться с обеими документациями.

Итог: Если вы только начинаете учить Vue или создаете новый проект — используйте только vuejs.org (Vue 3). На поддомен v2 стоит заходить только в том случае, если вам достался по наследству старый проект, написанный несколько лет назад.