随笔分类 - 精通 Vue 技术栈的源码原理

精通 Vue 技术栈的源码原理。通过文章 + 视频的方式刨析 Vue 技术栈各大框架的源码原理，从源码阅再到手写框架。相信经过这一系列的认真学习，大家都可以在自己的简历上写上一条：精通 Vue 技术栈的源码原理！！

手写 Vue2 系列之 computed

摘要：

本篇的目标是实现 computed 计算属性，完成模版中计算属性的展示。涉及的知识点：计算属性的本质、计算属性的缓存原理阅读全文

posted @ 2022-03-21 10:46 李永宁阅读(695) 评论(0) 推荐(1)

手写 Vue2 系列之 patch —— diff

摘要：

手写 Vue2 系列之 patch —— diff。实现 DOM diff，完成响应式数据的更新。阅读全文

posted @ 2022-03-18 10:18 李永宁阅读(182) 评论(0) 推荐(0)

手写 Vue2 系列之初始渲染

摘要：

实现 Vue.js 的初始渲染过程，涉及内容包括： render helper、VNode、patch 初始渲染、指令、实例化子组件、插槽的处理阅读全文

posted @ 2022-03-17 10:23 李永宁阅读(448) 评论(0) 推荐(1)

手写 Vue2 系列之编译器

摘要：

完成 Vue2 编译器的一个简版实现，从字符串模版解析开始，到最终得到 `render` 函数。阅读全文

posted @ 2022-03-16 10:20 李永宁阅读(327) 评论(0) 推荐(0)

手写 Vue 系列之从 Vue1 升级到 Vue2

摘要：

手写 Vue 系列之从 Vue1 升级到 Vue2，将上篇文章中写的 lyn-vue 升级到 Vue2 阅读全文

posted @ 2022-03-15 10:01 李永宁阅读(440) 评论(0) 推荐(1)

手写 Vue 系列之 Vue1.x

摘要：

手写 Vue1，实现数据响应式原理、编译器、指令(v-bind、v-model、v-on)..... 阅读全文

posted @ 2022-03-14 08:16 李永宁阅读(440) 评论(0) 推荐(0)

Vue 源码解读（12）—— patch

摘要：

深入理解 Vue 的 patch 阶段，理解其 diff 算法的原理阅读全文

posted @ 2022-03-09 10:25 李永宁阅读(856) 评论(0) 推荐(0)

Vue 源码解读（11）—— render helper

摘要：

在 Vue 编译器的基础上，进一步深入理解一个组件是如何通过这些运行时的工具方法（render helper）生成 VNode 的阅读全文

posted @ 2022-03-08 12:27 李永宁阅读(528) 评论(0) 推荐(1)

Vue 源码解读（10）—— 编译器之生成渲染函数

摘要：

深入理解渲染函数的生成过程，理解编译器是如何将 AST 变成运行时的代码，也就是我们写的类 html 模版最终变成了什么？阅读全文

posted @ 2022-03-07 10:34 李永宁阅读(453) 评论(0) 推荐(1)

Vue 源码解读（9）—— 编译器之优化

摘要：

深入理解编译器的静态标记过程阅读全文

posted @ 2022-03-04 08:49 李永宁阅读(430) 评论(0) 推荐(0)

Vue 源码解读（8）—— 编译器之解析（下）

摘要：

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象阅读全文

posted @ 2022-03-03 08:31 李永宁阅读(496) 评论(0) 推荐(0)

Vue 源码解读（8）—— 编译器之解析（上）

摘要：

深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象阅读全文

posted @ 2022-03-02 08:30 李永宁阅读(528) 评论(0) 推荐(0)

Vue 源码解读（7）—— Hook Event

摘要：

1、理解什么是 Hook Event ？明白其使用场景 2、深入理解 Hook Event 的实现原理阅读全文

posted @ 2022-03-01 08:15 李永宁阅读(644) 评论(0) 推荐(1)

Vue 源码解读（6）—— 实例方法

摘要：

深入理解以下实例方法的实现原理： vm.$set、vm.$delete、vm.$watch、vm.$on、vm.$emit、vm.$off、 vm.$once、vm._update、vm.$forceUpdate、vm.$destroy、vm.$nextTick、vm._render 阅读全文

posted @ 2022-02-28 08:30 李永宁阅读(792) 评论(0) 推荐(1)

Vue 源码解读（5）—— 全局 API

摘要：

深入理解以下全局 API 的实现原理： Vue.use、Vue.mixin、Vue.component、Vue.filter、Vue.directive、Vue.extend、Vue.set、Vue.delete、Vue.nextTick 阅读全文

posted @ 2022-02-25 09:05 李永宁阅读(412) 评论(0) 推荐(0)

Vue 源码解读（4）—— 异步更新

摘要：

1、深入理解 Vue 的异步更新机制 2、nextTick 的原理阅读全文

posted @ 2022-02-24 08:40 李永宁阅读(504) 评论(0) 推荐(0)

Vue 源码解读（3）—— 响应式原理

摘要：

1、深入理解 Vue 数据响应式原理。 2、methods、computed 和 watch 有什么区别？阅读全文

posted @ 2022-02-23 09:10 李永宁阅读(394) 评论(0) 推荐(1)

Vue 源码解读（2）—— Vue 初始化过程

摘要：

深入理解 Vue 的初始化过程，再也不怕面试官的那道面试题：`new Vue(options)` 发生了什么？阅读全文

posted @ 2022-02-22 08:16 李永宁阅读(354) 评论(0) 推荐(0)

Vue 源码解读（1）—— 前言

摘要：

专栏的第一篇，主要介绍专栏的目的、规划、适用人群，以及准备工作和扫盲的基础知识阅读全文

posted @ 2022-02-21 07:52 李永宁阅读(439) 评论(0) 推荐(2)

李永宁

随笔分类 - 精通 Vue 技术栈的源码原理

公告