Vue2.5.1和3.0源码解析系列

前言 本篇旨在讲解vue-cli源码，通过 就可以在全局安装vue-cli，通过vue create [projectName]来创建一个快速开发的模板。有人说你怎么知道此中含有create的方法呢？

刚出校门就那我的专业来说吧，机械进厂。可能有些人会说，进厂工资也高啊，那就错了，进场子首先得在一线流水线摸爬滚打一年乃至更久。 其一：好记性不如烂笔头，人的脑细胞是每天逐代更新的，那些远古知识细胞会死亡，也就给你造成了，似乎你知道，但是说不太清楚。 其二：资料虽多，却为零散，为…

可以看到里面有一个function Vue功能类,而且里面加载了initMixin,stateMixin等,这几个方法分别传入了Vue来初始化一些功能。 那我么找到了Vue.extend,可以看出来这不就是实现了一个继承嘛。Sub继承自super，然后return出去。 那么我…

上一章Vue源码解析系列(一) -- 初始化类new 中，我们讲到了Vue初始化做的一些操作，那么我们这一章来讲一个Vue核心概念响应式系统。 value是需要被观察的数据对象，在构造函数中，会给value增加ob属性，作为数据已经被Observer观察的标志。如果value是…

我们知道通过Object.defineProperty做了数据劫持，当数据改变的时候，get方法收集依赖，进而set方法调用dep.notify方法去通知Watcher调用本身update方法去更新视图。那么我们抛开其他问题,就讨论get，notify，update等方法，直接…

通过学习了Vue源码解析系列(三) -- 响应式系统的依赖收集与视图更新和Vue源码解析系列(二) -- 响应式系统内部是怎么运行的,我们对Vue的响应式系统有一定的了解，并且知道它是如何实现数据更新视图，视图改变数据的,那么有这样的基础，我们来手写一个MVVM，以便面试的时候…

如果 Vue 实例在实例化时没有收到 el 选项，则它处于“未挂载”状态，没有关联的 DOM 元素。 可以使用 vm.$mount() 手动地挂载一个未挂载的实例。 如果没有提供 elementOrSelector 参数，模板将被渲染为文档之外的的元素。 并且你必须使用原生DO…

首先通过while (html)去循环判断html内容是否存在。 //通过传入变量n来截取字符串，这也是Vue解析的重要方法，通过不断地分割html字符串，一步步完成对他的解析过程。

上一章Vue源码解析系列(六) -- 模板tamplate是如何解析编译的我们讲了tamplate经过parse函数解析，经过词法分析、语法分析生成了AST对象，那么我们这一章就来讲讲在解析编译过程中Vue机制做了哪些优化吧,我们知道Vue就是通过optimize函数进行静态打…

上一章Vue源码解析系列(七) -- 模板tamplate在解析的时候做了哪些优化我们讲了optimize静态打点优化，以便于后期虚拟dom进行diff算法时候跳过当前静态节点，我们都知道递归对比是非常昂贵的操作，所以能减少次数，就减少次数。我们的入口文件: 我们看到了AST经…

为了解决这个问题，我们的解决方案是--根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和oldVnode作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使oldVnode的值为Vnode…

前言 在vue项目中，难免会使用到三方插件，比如ElementUI。那Vue提供了一个Vue.use方法，能够使用这些插件，并且Vue.Component方法能够帮我们注册一个组件，下面我们就来一起看

与Redux(如果你想深入探究一下Redux你可以看React源码解析系列(九) -- Redux的实现原理与简易模拟实现这篇文章)一样，vuex也是一个公共状态管理库，pinia作为vuex的升级版

前言 Vue-router作为单独开发SPA的一个大模块，距离目前已经更新到了4.x版本，那么本文就和大家一起来梳理一下基础知识与用法吧，最后我们也深入源码来看一看它的实现。在这个问题之前我们应该来谈