精通 Vue 技术栈的源码原理
关注
分享
扫一扫
文章平均质量分 94
李永宁_lyn
一个能让你升 P7 的仓库，框架源码原理分析（比如 Vue、React、微前端、组件库等）、业界最佳实践等
https://github.com/liyongning/blog
展开
-
手写 Vue2 系列 之 computed
本篇的目标是实现 computed 计算属性，完成模版中计算属性的展示。涉及的知识点：计算属性的本质、计算属性的缓存原理原创 2022-03-21 10:52:01 · 353 阅读 · 0 评论 -
手写 Vue2 系列 之 patch —— diff
手写 Vue2 系列 之 patch —— diff。实现 DOM diff，完成响应式数据的更新原创 2022-03-18 10:25:34 · 665 阅读 · 0 评论 -
手写 Vue2 系列 之 初始渲染
实现 Vue.js 的初始渲染过程，涉及内容包括： render helper、VNode、patch 初始渲染、指令、实例化子组件、插槽的处理原创 2022-03-17 12:44:09 · 938 阅读 · 0 评论 -
手写 Vue2 系列 之 编译器
完成 Vue2 编译器的一个简版实现，从字符串模版解析开始，到最终得到 `render` 函数原创 2022-03-16 10:15:59 · 1400 阅读 · 0 评论 -
手写 Vue 系列 之 从 Vue1 升级到 Vue2
手写 Vue 系列 之 从 Vue1 升级到 Vue2，将上篇文章中写的 lyn-vue 升级到 Vue2原创 2022-03-15 10:16:28 · 780 阅读 · 0 评论 -
手写 Vue 系列 之 Vue1.x
手写 Vue1，实现数据响应式原理、编译器、指令(v-bind、v-model、v-on).....原创 2022-03-14 08:21:26 · 978 阅读 · 0 评论 -
Vue 源码解读（12）—— patch
深入理解 Vue 的 patch 阶段，理解其 diff 算法的原理原创 2022-03-09 10:30:15 · 2002 阅读 · 0 评论 -
Vue 源码解读（11）—— render helper
在 Vue 编译器的基础上，进一步深入理解一个组件是如何通过这些运行时的工具方法（render helper）生成 VNode 的原创 2022-03-08 12:45:06 · 421 阅读 · 0 评论 -
Vue 源码解读（10）—— 编译器 之 生成渲染函数
深入理解渲染函数的生成过程，理解编译器是如何将 AST 变成运行时的代码，也就是我们写的类 html 模版最终变成了什么？原创 2022-03-07 10:37:58 · 548 阅读 · 0 评论 -
Vue 源码解读（9）—— 编译器 之 优化
深入理解编译器的静态标记过程原创 2022-03-04 09:04:31 · 178 阅读 · 0 评论 -
Vue 源码解读（8）—— 编译器 之 解析（下）
深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象原创 2022-03-03 08:34:22 · 245 阅读 · 0 评论 -
Vue 源码解读（8）—— 编译器 之 解析（上）
深入理解 Vue 编译器的解析过程，理解如何将类 html 模版字符串转换成 AST 对象原创 2022-03-02 08:40:35 · 397 阅读 · 0 评论 -
Vue 源码解读（7）—— Hook Event
1、理解什么是 Hook Event ？明白其使用场景2、深入理解 Hook Event 的实现原理原创 2022-03-01 08:11:46 · 194 阅读 · 0 评论 -
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原创 2022-02-28 08:33:57 · 112 阅读 · 0 评论 -
Vue 源码解读（5）—— 全局 API
深入理解以下全局 API 的实现原理：Vue.use、Vue.mixin、Vue.component、Vue.filter、Vue.directive、Vue.extend、Vue.set、Vue.delete、Vue.nextTick原创 2022-02-25 09:09:19 · 507 阅读 · 0 评论 -
Vue 源码解读（4）—— 异步更新
1、深入理解 Vue 的异步更新机制2、nextTick 的原理原创 2022-02-24 08:44:22 · 137 阅读 · 0 评论 -
Vue 源码解读（3）—— 响应式原理
1、深入理解 Vue 数据响应式原理。2、methods、computed 和 watch 有什么区别？原创 2022-02-23 08:30:00 · 784 阅读 · 0 评论 -
Vue 源码解读（2）—— Vue 初始化过程
深入理解 Vue 的初始化过程，再也不怕 **面试官** 的那道面试题：`new Vue(options)` 发生了什么？原创 2022-02-22 08:30:00 · 332 阅读 · 0 评论 -
Vue 源码解读（1）—— 前言
专栏的第一篇，主要介绍专栏的目的、规划、适用人群，以及准备工作和扫盲的基础知识原创 2022-02-21 07:58:53 · 301 阅读 · 0 评论