首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
vue3核心源码
_喔
创建于2023-07-24
订阅专栏
逐步实现vue3核心代码
暂无订阅
共18篇文章
创建于2023-07-24
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue3的runtime-core-实现组件slots功能
vue3的runtime-core-实现组件slots功能————插槽主要分以下几种:默认插槽,具名插槽,作用域插槽
vue3的runtime-core-实现组件 emit 功能
vue3的runtime-core-实现组件 emit 功能————emit 大家应该不陌生了,在很多时候父子组件需要进行事件传递的时候使用到
vue3的runtime-core-实现组件props逻辑
vue3的runtime-core-实现组件props逻辑———— props组件传值应该是很常见的,几乎是每个抽离组件必须使用到的
vue3的runtime-core-实现注册事件功能
vue3的runtime-core-实现注册事件功能————注册事件的实现方式很简单,重构为通用代码的思路很巧妙
vue3的runtime-core-ShapeFlags
vue3的runtime-core-ShapeFlags————ShapeFlags呢主要是用来做type类型的,主要做的是性能优化,权限管理就是个很直观的例子,方便、高效、简洁且实用
vue3的runtime-core-实现组件代理对象
vue3的runtime-core-实现组件代理对象————在我们开发时使用this.$xx的时候实际上h函数this指向不是天然性指向节点初始化后的this
突然发现vue3运行时-component & element初始化流程这样子搞
突然发现vue3运行时-component & element初始化流程这样子搞————之前的vue3响应式核心原理也算是告一段落了,接下来开启的就是结合运行时来开发了,更贴切于框架式开发
实现vue3源码-Computed
实现vue3源码-Computed————在 Vue 3 中, computed 是一个用于定义和计算响应式计算属性的函数
实现vue3源码-proxyRefs
实现vue3源码-proxyRefs————proxyRefs的主要作用就是用在模板中,其他的都是些细枝末节,下面来实现吧
实现vue3源码-isRef & unRef
实现vue3源码-isRef & unRef————isRef & unRef这两个工具函数实现起来很简单,几行代码就可以搞定
实现vue3源码-ref
实现vue3源码-ref————ref我相信大家也不陌生,开发时使用频率也不低了,ref的实现也不是很难,理清思路就好
实现vue3源码-shallowReadonly
实现vue3源码-shallowReadonly————shallowReadonly的功能其实就是浅层实现只读约束,做法也很简单
实现vue3源码-reactive & readonly嵌套对象转换
实现vue3源码-reactive & readonly嵌套对象转换————在我们使用reactive & readonly时会发现,如果传入的是深层嵌套数据结构也能够进行响应式包裹或只读约束
实现vue3源码-isReactive & isReadonly & isProxy
实现vue3源码-isReactive & isReadonly & isProxy————isReactive和isReadonly它俩的实现方式如出一辙,一模一样可以说,那就实现下吧
实现vue3源码-readonly
实现vue3源码-readonly————readonly 和 reactive 的功能非常类似,现在就来实现一下 readonly
实现vue3源码-stop & onStop
实现vue3源码-stop & onStop————继上次完成 scheduler 之后,这次也继续完善相关代码
实现vue3源码-scheduler
实现vue3源码-scheduler————使用effect时可以选择性传入一些配置项,后续可选配置项决定着effect执不执行fn
实现vue3源码-reactive及effect
实现vue3源码-reactive及effect———— vue3使用这么久,也做了项目,但仍然对一些深层不太了解,遂找到几个狐朋狗友一起撸源码