Что такое Vue.js?

Краткий обзор Vue.js

Давайте перейдем к делу.
Но перед этим, давайте кратко вспомним, что такое Vue.js.

Что такое Vue.js?

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

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

Декларативный рендеринг: Vue расширяет стандартный HTML с помощью синтаксиса шаблонов, который позволяет нам декларативно описывать HTML-вывод на основе состояния JavaScript.

Реактивность: Vue автоматически отслеживает изменения состояния JavaScript и эффективно обновляет DOM при возникновении изменений.

Вот минимальный пример:

import { createApp } from 'vue'

createApp({
  data() {
    return {
      count: 0,
    }
  },
}).mount('#app')

html

<div id="app">
  <button @click="count++">Счетчик: {{ count }}</button>
</div>

источник

Для декларативного рендеринга и реактивности мы подробно рассмотрим их в соответствующих главах, поэтому сейчас достаточно общего понимания.

Также здесь возникает термин "фреймворк", и Vue.js позиционирует себя как "прогрессивный фреймворк". Для более подробной информации об этом, я считаю, лучше всего обратиться непосредственно к следующему разделу документации:

https://vuejs.org/guide/introduction.html#the-progressive-framework

Разница между официальной документацией и этой книгой

Официальная документация сосредоточена на "как использовать Vue.js", с большим количеством предоставленных учебников и руководств.

Однако эта книга немного отличается по подходу, фокусируясь на "как реализован Vue.js". Мы напишем реальный код для создания мини-версии Vue.js.

Также эта книга не является официальным изданием и может быть не исчерпывающей. В ней могут быть некоторые ошибки или упущения, поэтому я буду признателен за любые отзывы или исправления.

Что такое Vue.js? ​

Краткий обзор Vue.js ​