Что это такое?
mini-vue — это минималистичная переимплементация ядра Vue 3, созданная для того, чтобы помочь вам разобраться, как Vue 3 устроен на самом деле, читая кодовую базу, сокращённую до основной логики.
mini-vue — это минималистичная переимплементация ядра Vue 3, созданная для того, чтобы помочь вам разобраться, как Vue 3 устроен на самом деле, читая кодовую базу, сокращённую до основной логики.Это то, на чём я буду строить приложения, или это чисто для обучения?Чисто для обучения. Это набор TypeScript-пакетов (reactivity, runtime-core, compiler-core, runtime-dom, runtime-test), которые пошагово воссоздают внутренности Vue 3, а не production-фреймворк.
Чисто для обучения. Это набор TypeScript-пакетов (reactivity, runtime-core, compiler-core, runtime-dom, runtime-test), которые пошагово воссоздают внутренности Vue 3, а не production-фреймворк.Как запустить проект после клонирования?Установите зависимости через pnpm, затем откройте packages/vue/example/index.html через локальный сервер — в README для этого рекомендуется расширение Live Server.
Установите зависимости через pnpm, затем откройте packages/vue/example/index.html через локальный сервер — в README для этого рекомендуется расширение Live Server.Что нужно установить, чтобы работать с кодом?Node.js и pnpm, поскольку репозиторий организован как pnpm-монорепозиторий. Код написан на TypeScript, собирается с помощью Rollup и тестируется через Vitest, так что подойдет любая ОС с Node.
Node.js и pnpm, поскольку репозиторий организован как pnpm-монорепозиторий. Код написан на TypeScript, собирается с помощью Rollup и тестируется через Vitest, так что подойдет любая ОС с Node.Насколько он полон по сравнению с настоящим Vue 3?Он покрывает только учебный чек-лист из раздела tasking в README — ключевую функциональность runtime, реактивности и компилятора — и не содержит всего того, что нужно production-фреймворку. Воспринимайте его как помощника для изучения, а не замену Vue.
Он покрывает только учебный чек-лист из раздела tasking в README — ключевую функциональность runtime, реактивности и компилятора — и не содержит всего того, что нужно production-фреймворку. Воспринимайте его как помощника для изучения, а не замену Vue.Мне нужно уже знать Vue 3, чтобы разобраться в этом?Да — проект рассчитан на разработчиков, которые хотят копнуть во внутренности Vue 3. Вся его суть в том, чтобы подготовить вас к чтению настоящего исходного кода vue3, поэтому предполагается, что у вас уже есть опыт с Vue и TypeScript.
Да — проект рассчитан на разработчиков, которые хотят копнуть во внутренности Vue 3. Вся его суть в том, чтобы подготовить вас к чтению настоящего исходного кода vue3, поэтому предполагается, что у вас уже есть опыт с Vue и TypeScript.Какие возможности Vue 3 здесь реально реализованы?Три основных модуля. Reactivity: reactive, ref, readonly, computed, track/trigger, effect с scheduler и stop. Runtime-core: компоненты, props, emit, слоты, provide/inject, nextTick, getCurrentInstance, watchEffect, а также двусторонний diff для обновлений. Compiler-core разбирает интерполяцию, элементы и текст, а runtime-dom поддерживает кастомный рендерер.
Три основных модуля. Reactivity: reactive, ref, readonly, computed, track/trigger, effect с scheduler и stop. Runtime-core: компоненты, props, emit, слоты, provide/inject, nextTick, getCurrentInstance, watchEffect, а также двусторонний diff для обновлений. Compiler-core разбирает интерполяцию, элементы и текст, а runtime-dom поддерживает кастомный рендерер.Почему стоит изучать mini-vue, а не читать исходники Vue 3 напрямую?В исходниках настоящей библиотеки полно обработки граничных случаев и совместимости, которая прячет важную логику. mini-vue отбрасывает всё лишнее, оставляя ядро, и сохраняет оригинальные имена, так что вы сможете искать по настоящей кодовой базе vue3 по тем же названиям функций.
В исходниках настоящей библиотеки полно обработки граничных случаев и совместимости, которая прячет важную логику. mini-vue отбрасывает всё лишнее, оставляя ядро, и сохраняет оригинальные имена, так что вы сможете искать по настоящей кодовой базе vue3 по тем же названиям функций.Есть ли видео или курс, чтобы идти вместе с проектом?Да. Автор ссылается на видеоразборы на Bilibili, делится блок-схемами init/update и майндмэпами через WeChat, а также продает платный курс из 53 уроков, где mini-vue воссоздается с нуля с применением TDD, маленьких шагов и рефакторинга.
Да. Автор ссылается на видеоразборы на Bilibili, делится блок-схемами init/update и майндмэпами через WeChat, а также продает платный курс из 53 уроков, где mini-vue воссоздается с нуля с применением TDD, маленьких шагов и рефакторинга.What are similar projects?taro, newbee-mall, element-plus, JavaScript30, 30-Days-Of-JavaScript, jstraining, formily, fe-interview
taro, newbee-mall, element-plus, JavaScript30, 30-Days-Of-JavaScript, jstraining, formily, fe-interview