vue源码

关于重现 所谓『重现』，就是一段可以运行并展示一个 bug 如何发生的代码。 文字是不够的 如果你遇到一个问题，但是只提供了一些文字描述，我们是不可能修复这个 bug 的。首先，文字在描述技术问题时的

上篇vue3响应式核心之reactive源码详解详细讲解了reactive的原理和实现源码，本篇文章将讲解effect源码。 通常情况下我们是不会直接使用effect的，因为effect是一个底层的A

一、Reactive源码 1、reactive 源码路径：packages/reactivity/src/reactive.ts 当我们执行reactive({})的时候，会执行createReact

通过断点调式的方式，记录了vue3页面渲染流程，和vue2选项式api的区别还是蛮大的，后续会优化整理增加注释。 一、createApp 源码路径packages/runtime-dom/src/in

一、概述 在vue3源码中如下代码： 在看源码之前先看下效果： 如果关闭Custom Formatters则打印的效果如下： 对比以上会发现格式化之后的log日志美观度和结构化清晰很多，那它是如何实现

整理vue、element-ui源码中遇到的问题以及里面的高级用法、技巧，用到日常开发中，提升开发效率、代码更高级，分享共同成长 Vue的高阶用法在element-ui中的应用（持续更新......）

一、先看下Hello World的模板和vue代码 运行之后结果如下： 那你知道Vue是怎么把Hello World渲染出来的吗？ 接下来从Vue的源码的角度来分析一下执行过程。 先看下过程流程图，下

逐步揭开Vue全局API（Vue.use、Vue.set、Vue.nextTick等）实现的面纱，了解基本轮廓

揭开Vue实现$nextTick、$emit、$on、$off、$forceUpdate、$watch、$delete、$set的面纱

一、概述 通过上一篇重读Vue源码系列三—— “一无所有”的Vue构造函数我们了解到实际上Vue就是用Function以及prototype实现的类。 Vue的构造函数非常简单，其实就一行代码，如下

一、例子中引用的dist目录下的vue.js源文件入口 上一篇重读Vue源码系列二 —— 如何调试Vue源码中详细介绍了vue.js的生成过程，并且我们知道了vue.js源码的入口文件就是web/en

无论我们学习任何语言和技术，首先必须要学会调试代码，它可以帮助我们更加直观的了解代码的运行方式、环境变量、报错信息、运行时状态等，这些可以辅助我们更好更快的学习，因此我们在深入学习源码之前先学习vue

在阅读源码之前首先要了解下源码的目录机构。 一、生成目录结构 可以借助treer; 二、生成的目录结构 （1）、compile 包含与模板编译相关的代码，负责把模板编译成ast语法树、ast语法树优化