首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue响应式
DT1997
创建于2022-04-29
订阅专栏
基于Proxy的vue响应式实现,不定时更新
暂无订阅
共7篇文章
创建于2022-04-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
七、vue响应式原理:Reflect,getter属性与for...in响应式
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情 Reflect是什么 Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些
六、vue响应式原理:computed和watch简单实现及竞态问题处理
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第1天,点击查看活动详情 上一篇文章我们了解并简单实现了调度器和懒执行,这两个配置正是实现vue特色api computed和wat
五、vue响应式原理:调度器和懒执行
在前面几个章节中我们已经针对普通对象实现了一个相对全面的响应式系统,但是有些环节的执行我们希望是可控的:比如effect函数调用,我们有时候希望不要立马执行副作用函数而是拿到副作用函数在希望执行的时间
四、vue响应式原理:effect嵌套与同时进行赋值取值操作死循环
effect嵌套 开发中我们肯定不会只收集render函数,在render函数中肯定还会想收集其他的副作用函数,如某些methods,我们也想在对应的依赖改变的时候重新执行对应的methods,这样我
三、vue响应式原理:处理因分支切换造成的不必要的依赖收集
这篇文章我们来处理一个问题:分支切换可能会造成不必要的依赖被收集。 这里的分支切换指的是三元运算符,而不是git中的概念,我们在代码中时常用到三元表达式,比如: 上面代码我们在render中使用了三元
二、vue响应式原理:处理Proxy get拦截操作中的硬编码和多个对象、属性的依赖收集
ps:本系列文章衔接较为紧密,请先阅读前面相关文章 副作用函数收集 上一篇文章中我们在get拦截中直接将render函数添加到桶中,这明显是不合理的,我们应该自动将当前正在执行的函数添加到桶中: 这样
一、初识vue响应式及简单实现
对于vue开发人员或者使用过vue的开发人员来说,响应式是大家非常熟悉的词汇,大家也都知道vue是基于响应式来实现的,什么数据驱动视图、MVVM框架大家也都有所耳闻,那么这到具体是怎么实现的呢,下面就