StarRankExplorer

Volver al ranking

answershuto/learnVue

JavaScriptgithub.com/answershuto/learnVue

:octocat:Vue.js 源码解析

vuevue-templatedomdiffdom-nexttickvuexvue-router

Métricas clave

Crecimiento de estrellas

Estrellas

12.7k

Forks

2.5k

Crecimiento semanal

—

Issues

13

5k10k

jun 2017dic 2018jun 2020dic 2021jul 2023ene 2025jul 2026

Artefactosnpmnpm install learnvue

README

learnVue

介绍

Vue.js源码分析，记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架，周边库的一些个人见解。

在学习的过程中我为Vue.js（2.3.0）、Vuex（2.4.0）、Vue-router（3.0.1）加上了注释，分别在文件夹vue-src、vuex-src以及vue-router-src中，希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。

感谢尤大提高生产力。

本项目希望对Vue.js做更进一步的探索与学习，Vue.js基础内容请参考Vue.js官网，https://cn.vuejs.org/v2/guide/。可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。

目录

源码相关

Vue.js响应式原理

Vue.js依赖收集

从Vue.js源码角度再看数据绑定

Vue.js事件机制

VNode节点(Vue.js实现)

Virtual DOM与diff(Vue.js实现)

聊聊Vue.js的template编译

Vue.js异步更新DOM策略及nextTick

从template到DOM（Vue.js源码角度看内部运行机制）

Vuex源码解析

聊聊keep-alive组件的使用及其实现原理

随笔杂谈

Vue组件间通信

说说element组件库broadcast与dispatch

对于新手同学

由于以上内容都是针对 Vue.js 源码进行讲解了，可能有一些不太熟悉源码的同学读起来感觉晦涩难懂。

笔者撰写的《剖析 Vue.js 内部运行机制》或许可以帮到你。

关于作者

作者：染陌

Email：answershuto@gmail.com

Github: https://github.com/answershuto

知乎：https://www.zhihu.com/people/cao-yang-49/activities

掘金：https://juejin.im/user/58f87ae844d9040069ca7507

对内容有任何疑问，欢迎联系我。

Repositorios relacionados

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

TypeScriptnpmMIT Licensevuejavascript

justjavac/free-programming-books-zh_CN

:books: 免费的计算机编程类中文书籍，欢迎投稿

GNU General Public License v3.0pythonjavascript

weibo.com/justjavac

storybookjs/storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

TypeScriptnpmMIT Licensestorybookstyleguide

storybook.js.org

PanJiaChen/vue-element-admin

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

VueMIT Licensevueadmin

hoppscotch/hoppscotch

Open-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem & Cloud • Web, Desktop & CLI • Open-Source Alternative to Postman, Insomnia

TypeScriptnpmMIT Licenseapiapi-client

the full-stack Vue framework

TypeScriptnpmMIT Licensecsrfull-stack

marktext/marktext

📝A simple and elegant markdown editor, available for Linux, macOS and Windows.

TypeScriptnpmMIT Licensemacostypewriter-mode

Git with a cup of tea! Painless self-hosted all-in-one software development service, including Git hosting, code review, team collaboration, package registry and CI/CD

GoGo ModulesMIT Licensegiteagolang

ElemeFE/element

A Vue.js 2.0 UI Toolkit for Web

VueMIT Licensevuecomponents

element.eleme.io

ionic-team/ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

TypeScriptnpmMIT Licenseionicmobile

ionicframework.com

lyswhut/lx-music-desktop

一个基于 Electron 的音乐软件

TypeScriptnpmApache License 2.0music-playerjavascript

lyswhut.github.io/lx-music-doc/

prettier/prettier

Prettier is an opinionated code formatter.

JavaScriptnpmMIT Licenseformatterprinter