首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue.js小记
_骁
创建于2022-05-28
订阅专栏
学习vue3架构源码、vue2源码,一步步剖析响应式等原理
暂无订阅
共14篇文章
创建于2022-05-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue3-compiler(四) transform特殊指令v-if、组件
这次讲一下怎么 transform 几个特殊的指令: `v-if`, `v-for` `v-model`,还有组件
vue3-compiler(三) transform、codegen
从 `AST` 到渲染函数代码,`vue` 经过了 `transform`, `codegen` 两个步骤。为了节约代码,合一起实现了。
vue3-compiler(二) parse
这次讲`compiler`模块的`parse`,用例子和简单的代码实现来看看是怎么将模板转化成`ast`节点树的。
vue3-compiler(一) 认识AST
这次讲`compiler`模块(将 `vue` 模板代码编译为渲染函数),认识其中过程,先理解期其中的`AST`节点和parse过程。
vue3-runtime(五) scheduler、nextTick
这次讲`scheduler`和`nextTick`。解决:一个函数执行,多次改响应式数据会触发多次effect执行,但实际上执行一次就行了。
vue3-runtime(四) 组件
这次讲 组件 的渲染和更新,组件有多种写法,这里用简单的进行举例,还有组件的主动和被动更新机制。。。
vue3-runtime(三) diff
这一期讲核心`diff`算法,其实就是`patchKeyedChildren`,即是对有 key 存在的两组`arrayChildren`做 `diff` 操作
vue3-runtime(二) patch
这期讲重渲染后生成的新VNode树,和旧树对比去更新dom视图,也就是广义的diff算法,patch函数
vue3-runtime(一) render
这一期先讲如何讲虚拟dom结构,虚拟dom怎么转化成真实元素渲染到html上(h和render函数)
vue3-响应式高级篇(三)
这篇主要是对响应式api中ref的实现,主要是在reactive和effect的基础上实现的。先写个大概
vue3-响应式高级篇(二)
这篇主要是对vue中计算属性computed api的用法和源码实现,它主要是在effect的基础上实现的。
vue3-响应式高级篇(一)
这篇主要是对基础篇的reactive和effect的补全,将各类兼容问题优化等的代码加入,完善代码。
vue3-响应式基础篇
讲一下vue3响应式的核心原理。 这里有精炼的源码和例子 详细的流程描述 以及vue2响应式的缺点。
vue3源码架构认识
了解一下vue3源码用的架构,pnpm + monorepo + esbuild + typescript