首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
手写实现一个 mini-vue3
jiayinkong
创建于2023-12-01
订阅专栏
通过手写一遍 mini-vue3,熟悉 vue3源码
等 4 人订阅
共12篇文章
创建于2023-12-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
手写 mini-vue3 实现 nextTick(十二)
分析 nextTick 原理、JS 微任务在 nextTick 中的使用、实现 nextTick 源码
手写 mini-vue3 - 实现 component 的更新(十一)
实现 component 的更新,分析在什么时候开始执行 component 当更新,在什么时候开始执行 component 的 props 更新
手写 mini-vue3 - Diff 算法实现更新 Element 的 children(十)
主要分析 Diff算法如何实现 ELement Children 的更新,双端比较节点、最长递增子序列实现节点移动
手写 mini-vue3 - 实现更新 Element 的 Props(九)
如何更新 Element 标签上的 props、effect 副作用函数在 组件更新中的作用、如何实现 render 函数中访问 ref 对象不用写 value 属性
手写 mini-vue3 - 实现 custom-renderer(八)
实现自定义渲染函数 createRenderer,重构 createApp 模块,把 DOM 操作抽象为 API 调用,支持非 DOM 环境使用 createRender,实现 runtime-dom
手写 mini-vue3 实现 getCurrentInstance 、provide & inject(七)
实现 vue3 setCurrentInstance/getCurrentInstance API、provide/inject API,理解 provide、inject 跨层级通信原理
手写 mini-vue3 - 实现 slots(六)
手写 vue3 slots 源码,熟悉 slots 的底层原理,熟悉怎么创建一个 Fragment、Text 类型的 vnode 且知道其作用是什么。
手写 mini-vue3 - 实现 props & emit(五)
实现 props、事件注册添加到 DOM 元素;props、$props 绑定到组件代理对象;props、emit 作为参数传给 setup
手写 mini-vue3 实现 ShapeFlags(四)
理解为什么使用|& 运算符 判断vnode的类型,手写实现vue源码中的 ShapeFlags,了解 |&运算符的使用
手写 mini-vue3 - 实现组件对象的代理(三)
手写 vue3 组件对象代理,弄懂 vue 中的 this 指向、vue 是怎么做对象代理的、vnode 和 subTree 之间的区别
手写 mini-vue3 - runtime-core 流程(二)
手写 vue3 runtime-core 流程,实现手写 createApp API、打包输出,使用打包出来的 API 渲染出最简单的 vue3 demo
手写 mini-vue3 - reactivity(一)
手撕 vue3 reactivity源码,彻底弄懂 reactive、ref、computed、依赖收集、触发依赖原理