PANJU

Vite 是一种新的前端构建工具，能够显著提升前端开发体验，关于 Vite 更多的功能请前往官网。本文记录 Vue CLI 项目迁移到 Vite 所遇到的坑。...

在《编译二：parse》一文中已经分析过模板解析为 AST 树过程；那么，本文将分析编译过程第二个阶段：optimize，即对 AST 树进行优化。...

在《编译一：入口》一文中，简单分析了模板 template 编译成 render 函数的过程，涉及到三步：parse、optimize、generate。那么，这篇文章则会...

从事前端开发的同学，相信对网络请求库 axios 不陌生；那么在面向文档编程的同时，是否有思考过该库是如何实现的呢？那么，接下来会花一段时间来研究其实现原理。...

Vue 在实现挂载的过程中，如果用户传入的是模板 template，那么会执行编译操作，即将模板编译生成 render 函数，这也是本文即将分析的主题。...

props 作为 Vue 核心特性之一，也是父子组件通信的一种方式，在 Vue 项目中经常使用。那么，它的内部是如何实现的呢？这将是本文即将要探究的话题。...

对于侦听属性 watch，监听响应式对象的变化，然后执行其回调函数。它是如何做到的呢？那么我们来探究其实现原理。...

在平时的项目开发中，经常都会使用到计算属性 computed。那么在使用其 API 的同时，是否有考虑过它是如何实现的呢？本文就来分析计算属性 computed 实现原理。...

nextTick 是 Vue 的核心实现之一，它与 JavaScript 运行机制息息相关，即事件循环机制（Event Loop）。本文将分析 nextTick 的实现。...

前面已经分析了如何将一个普通 data 对象变成一个响应式对象，这过程涉及到依赖收集和派发更新。本文将进一步分析派发更新的实现原理。...

前面已经分析了如何将一个普通 data 对象变成一个响应式对象，这过程涉及到依赖收集和派发更新。本文将进一步分析依赖收集的实现原理。...

对于 Vue 来说，数据响应式原理是它的核心特点之一，即数据发生变化，驱动视图改变；而其实现响应式的核心是利用 ES5 的 Object.defineProperty...

Vue 框架有一套完整的生命周期，在合适的时机调用对应的钩子函数，执行用户自己实现的逻辑。本文将从源码的角度来分析生命周期钩子函数在其内部是如何被调用的？...

在初始化 Vue 实例的过程中，有一段逻辑涉及到 options 的合并，这其中分为两种场景：首次初始化时 options 合并和组件 options 合并。它们合并的逻辑...

在 JavaScript 这门语言中，this 既是比较基础的知识点，也是比较难理解的，想要理解透彻需要花点时间深究。...

在《render 渲染原理》一文中，分析了 render 函数如何将 Vue 实例渲染成 VNode。有两种渲染方式：一是普通节点渲染；二是组件渲染。而当时分析了普通节点的...

在上一篇文章《render 渲染原理》，讲解了如何把 Vue 实例渲染成虚拟 DOM。沿着这一思路，将讲解如何把虚拟 DOM 渲染成真实 DOM。...

在《mount 挂载实现原理》一文中，详细地讲解其背后是如何实现的。其中留下三个核心逻辑未具体展开，本文将讲解其中一个，即 render 函数如何将 Vue 实例渲染成虚拟...

从《new Vue 发生了什么》一文可知，如果在实例化 Vue 时传入的参数 el 不为空时，那么在其内部会自动调用 Vue 实例上函数 $mount 进行挂载，本文将探究...

在上一篇文档，详细地讲解了 `import Vue from 'vue'` 这行代码背后的原理；而本文将从原理层面探究 new Vue 其背后究竟发生了什么？...