首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
mini-vue
Blueven
创建于2023-12-03
订阅专栏
记录自己写mini-vue过程的思路和遇到的问题细节。
暂无订阅
共8篇文章
创建于2023-12-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【mini-vue】- 解决this指向问题
前情回顾 在上一节中,我们可以看到instance.render()执行后的结果中,有些节点的值为undefined 因为他们引用的是instance身上的setup里的data 分析病情 那么归根结
【mini-vue】-【runtime】- 实现初始化component
实现初始化component module模块不会与其他script文件中的变量发生冲突 首先创建一个index.html 这个div id='app',是我们要挂载vue实例的容器 因此我们需要在m
【mini-vue】实现 computed
实现computed 主要思路 根据computed属性逐步实现,大致分为3个部分,每个部分都有对应的思路。 过程1: 基本实现 先简单实现一个 computed 函数,方法返回一个ComputedR
【mini-vue】- 实现proxyRefs
实现 proxyRefs 主要思路 proxyRefs: 在vue3中,当return的值里面还有 ref 类型数据的时候,此时可以不经过.value 就可以直接获取到里面的值。(具体例子看单测) 实
【mini-vue】- 实现ref
实现ref 主要思路 ref主要是在reactive的基础上新增加了对基本数据类的响应式,因此对于传入进来的基本数据类型的数据,可以返回一个被RefImpl类型包裹的实例对象出去。 然后对这个对象进行
【mini-vue】实现reactive 和 readonly 嵌套对象功能
实现reactive 和 readonly 嵌套对象功能 主要思路 当访问对象的时候,进入get函数,判断当前res是否是普通对象,如果是的话,那么再根据readonly的值去判断是调用readonl
【mini-vue】 实现 isReactive 和 isReadonly
实现 isReactive 和 isReadonly 主要思路 编写 isReactive 和 isReadonly 两个函数,返回对象身上的【IS_REACTIVE】或 【IS_READONYL】
【mini vue】实现readonly
主要思路 封装createGetter 和 createSetter函数,这两个函数分别返回get 和 set方法,同时将一个布尔值作为参数传入,判断当前对象是否是readOnly的,根据这个参数对g