1. Введение
Содержание этой статьи объясняет:Карта разума, которая поможет вам понять архитектуру исходного кода Vue | Vue-Router | Vuex.
адрес проекта:GitHub.com/Tablesink нужно…
Комбинированная графическая версия статьи
2. Семейное ведро Vue
Во-первых, давайте сделаем общую картину корзины семейства Vue:
3. Vue
Разбивка выглядит следующим образом
Исходный каталог
Построение исходного кода на основе Rollup
Основы Vue: конструкторы
управляемый данными
составной
Углубленные принципы реагирования
компилировать
расширять
4. Vue-Router
introduction
регистрация маршрута
Объект VueRouter
matcher
переключение пути
5. Vuex
introduction
Инициализация Vuex
API
плагин
6. Завершено и ожидает
завершенный:
- карта разума
быть законченным:
- Продолжайте улучшать интеллект-карту
- Добавить блок-схему
Поскольку этот проект выполняется в свободное время, возможности и время автора ограничены, а многие детали не доведены до совершенства.
Если вы бог или лучше разбираетесь в исходном коде vue,Добро пожаловать, чтобы представить проблему, давайте общаться и учиться вместе, а также создавать достойный проект с открытым исходным кодом, который объясняет архитектуру исходного кода корзины семейства Vue..
7. Резюме
Вышеупомянутый контент — это урожай и заметки, которые я сделал, когда недавно изучал исходный код Vue.Большая часть контента в этой статье — это проекты с открытым исходным кодом.Демистификация технологии Vue.jsСодержание книги представлено только в виде ментальной карты, содержание опущено, а также добавлено немного понимания автора.
Причина, по которой автор использует интеллект-карты для записи того, что они узнали, заключается в том, что интеллект-карты могут лучше отражать систему и структуру знаний и позволяют людям формировать полную структуру знаний. понять и трудно понять забыть.
Уведомление: изображения статьи могут быть сжаты при загрузке и могут быть немного размытыми, но все изображения, используемые в этой статьесупер четкое изображениебыли размещеныgithubна, и естьИсходный файл в формате pdf, синтаксис уценки, интеллект-карта, согласно сИсходный файл ментальной картыЭкспортируйте соответствующее сверхчеткое изображение.
В статье автора часто меняется адрес:github
8. Наконец
Наследовать лучшее
Если вы считаете, что эта статья или проект вдохновляет вас, пожалуйста, поставьте лайк или поставьте звездочку. Лайк — это добродетель, спасибо.
Ссылка на проект с открытым исходным кодом: