vue2源码
9篇文章 · 0订阅
  • 约2万字-Vue源码解读汇总篇(续更)
    目前暂6篇即01核心思想篇，02变化侦测篇（响应式篇）、03虚拟dom篇、04模板编译篇、05生命周期篇、06vue3探索篇，主要基于vue2.6和vue3.2版本源码库分析，共约2万字。
    前端 Vue.js 面试
  • 字节一面，面试官问我Vue3源码，我说……
    “哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff
    Vue.js 前端
  • Vue2源码解读(七)-mount
    上面六篇文章对Vue的基本内容进行了讲解，包含了声明和调用，以及Vue的observe的实现，本章将开始进行mount的讲解，包含编译和update、patch等；篇幅较多，耐心看完。 mount函数之前在声明相关简单提到过，在这里咱们进行详细的讲解，正文从下面开始。 上面代码…
    Vue.js
  • Vue2源码解读(六)-nextTick
    nextTick是Vue里面一个比较核心的概念；不过在讲nextTick之前就必须要讲到JavaScript的运行机制和任务队列。 众所周知，浏览器的脚本语言是JavaScript，这个语言最大的特点就是单线程，也就是在同一时间只能干一件事情。 当然为了充分利用CPU，Html…
    Vue.js
  • Vue2源码解读(五)-Watcher && Scheduler
    上一章，我们对Observer进行了讲解，从observe入口文件开始，到Observer类的声明和调用，最后讲解了Dep关于依赖的部分，链接在此Vue2源码解读(四)-Observe，本章咱们将继续讲解Observer，不过这篇的侧重点是Watcher，最后把Observer…
    Vue.js
  • Vue2源码解读(四)-Observe
    上面文章讲到了Vue的声明、Vue的Init和Vue的InitState，本篇将对Vue核心的Observe进行讲解和分析，Observe分为Dep和Watcher两部分，入口文件为src/core/observe/index.js。我们一步一步来看下源码。 Observe对外…
    Vue.js
  • Vue2源码解读(三)-InitState
    一共经过上面8步，init函数执行完成，开始mount渲染。 看上面代码，先声明了一个_watchers的空数组；然后依次判断传递进来的options是否包含系列参数；依次执行initProps、initMethods、initData、initComputed、initWat…
    Vue.js
  • Vue2源码解读(二)-new Vue
    上面在主流程篇讲到了Vue函数在声明和扩展上的一些逻辑，本篇主要从Vue的初始化来讲解，来看看New Vue()到底干了什么事情。 上面代码就是Vue函数进行调用的主入口函数，做了两件事情，先判断了是不是New来进行初始化的，然后调用了_init方法，_init方法是在主流程篇…
    Vue.js
  • Vue2源码解读(一)-Vue声明
    前端发展迅猛，当前最流行的框架非react和vue莫属，vue凭借着傻瓜式编程，使得前端开发更加简单高效，能够更快速的进行业务迭代。 文章将介绍Vue2源码，包括Vue的声明和实例的运行，从全方位解读Vue的实现和逐行解读。 作者所使用电脑node版本为：v12.13.0，np…
    Vue.js