Skip to content

The chibivue Book

Main Navigation Главная Начать обучение Контакты

Русский

Русский

Appearance

Sidebar Navigation

Начало работы

Введение

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

Ключевые элементы Vue.js

Подход в этой книге и настройка окружения

Минимальный пример

Первый рендеринг и API createApp

Архитектура пакета

Добавим рендеринг HTML-элементов

Добавим поддержку обработчиков событий и атрибутов

Необходимые знания для системы реактивности

Попробуем реализовать минимальную систему реактивности

Минимальный Virtual DOM

Стремление к компонентно-ориентированной разработке

Пропсы компонентов

События компонентов (Emit)

Понимание компилятора шаблонов

Реализация компилятора шаблонов

Желание писать более сложный HTML

Привязка данных

Разработка с SFC (предварительные знания)

Парсинг SFC

Блок шаблона SFC

Блок скрипта SFC

Блок стилей SFC

Небольшой перерыв

Базовый Virtual DOM

Атрибут key и патч-рендеринг

Битовое представление VNodes

Планировщик

🚧 Патч для необработанных пропсов

Базовая система реактивности

🚧 Оптимизация реактивности

API ref

API computed / watch

Различные обработчики реактивных прокси

Очистка эффектов и область видимости эффектов

Другие API реактивности

Базовая система компонентов

Хуки жизненного цикла

Provide/Inject

Прокси компонентов и setupContext

Слоты

Поддержка Options API

Базовый компилятор шаблонов

Рефакторинг реализации трансформера для генерации кода

Реализация директив (v-bind)

Вычисление выражений в шаблоне

Поддержка v-on

compiler-dom и модификаторы событий

Поддержка Fragment

Поддержка узлов комментариев

v-if и структурные директивы

Поддержка v-for

Разрешение компонентов

Поддержка слотов (определение)

🚧 Другие директивы

🚧 Рутинные задачи компилятора

🚧 Пользовательские директивы

🚧 Базовый компилятор SFC

Поддержка script setup

Поддержка defineProps

Поддержка defineEmits

Поддержка Scoped CSS

🚧 Основы веб-приложений

🚧 Плагины

Маршрутизатор

Препроцессоры

🚧 Серверный рендеринг

createSSRApp

Гидратация

🚧 Встроенные компоненты

KeepAlive

Suspense

Transition

🚧 Оптимизации

Статический хоистинг

Флаги патчей

Выравнивание дерева

Приложение

Написание Vue.js за 15 минут

chibivue, разве он не маленький...?

Реализация

Отладка исходного кода Vue.js

On this page

Оптимизация реактивности

TBD

Предложить изменения для этой страницы

Pager

Previous page🚧 Патч для необработанных пропсов

Next pageAPI ref

Released under the MIT License.

Оптимизация реактивности ​

Оптимизация реактивности