SF
Vue源码分析
Vue源码分析
注册登录
关注博客
注册登录
主页
关于
RSS
Vue3源码-运行时编译模板&优化总结
白边
2023-05-05
阅读 47 分钟
3.6k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变部分分支条件的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会取编译后的js代码,而不是原来的ts代码
Vue3相关源码-Vuex源码解析
白边
2023-04-18
阅读 24 分钟
4.7k
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化
Vue3相关源码-Vue Router源码解析(二)
白边
2023-04-10
阅读 57 分钟
2.1k
在上一篇《Vue3相关源码-Vue Router源码解析(一)》文章中,我们已经分析了createWebHashHistory()和createRouter()的相关内容,本文将继续下一个知识点app.use(router)展示分析
Vue3相关源码-Vue Router源码解析(一)
白边
2023-04-09
阅读 53 分钟
2.1k
本文基于vue-router 4.1.6版本源码进行分析本文重点分析Vue Router的WebHashHistory模式,不会对WebHistory和MemoryHistory模式过多分析
Vue3源码-响应式系统-依赖收集和派发更新流程浅析
白边
2023-01-20
阅读 38 分钟
2.3k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,大部分伪代码会采取js的形式展示,而不是原来的ts代码
Vue3源码-响应式系统-ref、shallow、readonly相关浅析
白边
2022-12-13
阅读 17 分钟
2.4k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,大部分伪代码会采取js的形式展示,而不是原来的ts代码本文不讲解shallowRef、shallowReactive、shallowReadonly中使用集合类(Map、Set)的相关内容
Vue3源码-响应式系统-Set、Map数据响应式总结
白边
2022-12-12
阅读 18 分钟
2.1k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变部分分支条件的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会取编译后的js代码,而不是原来的ts代码
Vue3源码-响应式系统-Object、Array数据响应式总结
白边
2022-12-11
阅读 23 分钟
2.6k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会采取js的形式展示,而不是原来的ts代码
Vue3源码-整体渲染流程浅析
白边
2022-12-06
阅读 43 分钟
3.3k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变部分分支条件的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会取编译后的js代码,而不是原来的ts代码
Vue3源码-diff算法-patchKeyChildren流程浅析
白边
2022-12-05
阅读 11 分钟
1.8k
本文基于Vue 3.2.30版本源码进行分析为了增加可读性,会对源码进行删减、调整顺序、改变部分分支条件的操作,文中所有源码均可视作为伪代码由于ts版本代码携带参数过多,不利于展示,大部分伪代码会取编译后的js代码,而不是原来的ts代码
Vue2源码-响应式原理浅析
白边
2022-11-07
阅读 27 分钟
1.7k
本文基于Vue 2.6.14进行源码分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码文章内容响应式原理相关function和class的讲解Object数据类型的响应式初始化和特殊更新模式Array数据类型的响应式初始化和特殊更新模式渲染Watcher的依赖收集和派发更新分析:流程图computed类型的...
Vue2源码-双端比较diff算法 patchVNode流程浅析
白边
2022-11-06
阅读 18 分钟
2k
从下面代码可以知道,prepatch()主要是调用了updateChildComponent(),这个方法的作用是将newVnode相关数据更新到旧的oldVnode.componentOptions
Vue2源码-整体流程浅析
白边
2022-11-06
阅读 16 分钟
2k
本文基于Vue 2.6.14进行源码分析为了增加可读性,会对源码进行删减、调整顺序、改变的操作,文中所有源码均可视作为伪代码文章内容流程图展示Vue2初始化渲染流程源码(删减、调整顺序)分析无/有Component时的渲染流程用简单例子,进行整体流程的分析整体流程图流程图代码分析_init():初始化逻辑初始化生命周期初始化even...