[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3421":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},3421,"learnVue","answershuto\u002FlearnVue","answershuto",":octocat:Vue.js 源码解析","https:\u002F\u002Fgithub.com\u002Fanswershuto\u002FlearnVue",null,"JavaScript",12676,2536,482,13,0,3,45,false,"master",true,[23,24,25,26,27,28,29],"diff","dom","dom-nexttick","vue","vue-router","vue-template","vuex","2026-06-12 02:00:50","# learnVue\n\n## 介绍\n\nVue.js源码分析，记录了个人学习Vue.js源码的过程中的一些心得以及收获。以及对于Vue框架，周边库的一些个人见解。\n\n在学习的过程中我为Vue.js（2.3.0）、Vuex（2.4.0）、Vue-router（3.0.1）加上了注释，分别在文件夹[vue-src](.\u002Fvue-src)、[vuex-src](.\u002Fvuex-src)以及[vue-router-src](.\u002Fvue-router-src)中，希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。\n\n感谢[尤大](https:\u002F\u002Fgithub.com\u002Fyyx990803)提高生产力。\n\n本项目希望对Vue.js做更进一步的探索与学习，Vue.js基础内容请参考Vue.js官网，[https:\u002F\u002Fcn.vuejs.org\u002Fv2\u002Fguide\u002F](https:\u002F\u002Fcn.vuejs.org\u002Fv2\u002Fguide\u002F)。\n可能会有理解存在偏差的地方，欢迎提issue指出，共同学习，共同进步。\n\n---\n\n## 目录\n\n### 源码相关\n\n[Vue.js响应式原理](.\u002Fdocs\u002F响应式原理.MarkDown)\n\n[Vue.js依赖收集](.\u002Fdocs\u002F依赖收集.MarkDown)\n\n[从Vue.js源码角度再看数据绑定](.\u002Fdocs\u002F从源码角度再看数据绑定.MarkDown)\n\n[Vue.js事件机制](.\u002Fdocs\u002FVue事件机制.MarkDown)\n\n[VNode节点(Vue.js实现)](.\u002Fdocs\u002FVNode节点.MarkDown)\n\n[Virtual DOM与diff(Vue.js实现)](.\u002Fdocs\u002FVirtualDOM与diff(Vue实现).MarkDown)\n\n[聊聊Vue.js的template编译](.\u002Fdocs\u002F聊聊Vue的template编译.MarkDown)\n\n[Vue.js异步更新DOM策略及nextTick](.\u002Fdocs\u002FVue.js异步更新DOM策略及nextTick.MarkDown)\n\n[从template到DOM（Vue.js源码角度看内部运行机制）](.\u002Fdocs\u002F从template到DOM(Vue.js源码角度看内部运行机制).MarkDown)\n\n[Vuex源码解析](.\u002Fdocs\u002FVuex源码解析.MarkDown)\n\n[聊聊keep-alive组件的使用及其实现原理](.\u002Fdocs\u002F聊聊keep-alive组件的使用及其实现原理.MarkDown)\n\n### 随笔杂谈\n\n[Vue组件间通信](.\u002Fdocs\u002FVue组件间通信.MarkDown)\n\n[说说element组件库broadcast与dispatch](.\u002Fdocs\u002F说说element组件库broadcast与dispatch.MarkDown)\n\n---\n\n## 对于新手同学\n\n由于以上内容都是针对 Vue.js 源码进行讲解了，可能有一些不太熟悉源码的同学读起来感觉晦涩难懂。\n\n笔者撰写的[《剖析 Vue.js 内部运行机制》](https:\u002F\u002Fjuejin.im\u002Fbook\u002F5a36661851882538e2259c0f)或许可以帮到你。\n\n\n## 关于作者\n\n作者： 染陌\n\nEmail：answershuto@gmail.com\n\nGithub: [https:\u002F\u002Fgithub.com\u002Fanswershuto](https:\u002F\u002Fgithub.com\u002Fanswershuto)\n\n知乎：[https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fcao-yang-49\u002Factivities](https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fcao-yang-49\u002Factivities)\n\n掘金：[https:\u002F\u002Fjuejin.im\u002Fuser\u002F58f87ae844d9040069ca7507](https:\u002F\u002Fjuejin.im\u002Fuser\u002F58f87ae844d9040069ca7507)\n\n对内容有任何疑问，欢迎联系我。","learnVue项目是一个专注于解析Vue.js源码的开源资料库。它详细介绍了Vue.js、Vuex和Vue-router的核心机制，包括响应式原理、依赖收集、虚拟DOM与diff算法等关键技术点，并提供了带有注释的源码版本帮助理解。此项目非常适合那些希望深入了解Vue框架内部工作原理的前端开发者或对Vue.js感兴趣的学习者使用。通过学习这些内容，可以加深对Vue及其生态系统中重要概念和技术的理解，从而在实际开发中更加得心应手。",2,"2026-06-11 02:54:10","top_language"]