首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Vue3.0源码
订阅
衣乌语
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
细说 Vue.js 3.2 关于响应式部分的优化
Vue.js 3.2 已经正式发布,其中关于响应式部分的性能优化,你知道是怎么做的吗?本文会从源码层面分析具体做了哪些优化,以及这些优化背后带来的技术层面的思考。
【阮一峰推荐】学习 vue3 源码的利器
但是当我们打开 vue3 的源码之后你会发现,代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的,但是架不住代码量大呀!!! 就是自己把功能实现一遍,这对于我自己的收获也是巨大的。因为你要想实现这个功能的话,你必须要先理解,然后才可以把代码写出来。 …
带你彻底搞懂Vue3的Proxy响应式原理!基于函数劫持实现Map和Set的响应式
带你彻底搞懂Vue3的响应式原理!TypeScript从零实现基于Proxy的响应式库。中 我们详细的讲解了普通对象和数组实现响应式的原理,但是Proxy可以做的远不止于此,对于es6中新增的Map、Set、WeakMap、WeakSet也一样可以实现响应式的支持。 但是对于这…
Vue3 的响应式和以前有什么区别,Proxy 无敌?
大家都知道,Vue2 里的响应式其实有点像是一个半完全体,对于对象上新增的属性无能为力,对于数组则需要拦截它的原型方法来实现响应式。 这种时候,Vue 提供了一个 api:this.$set,来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说,很多时候需要小心翼翼的去判…
Vue3.0 响应式原理漫谈
Vue3.0 和 Vue2.0 整体的响应式思路没有变化,但是实现细节发生了较大的变化。并且 Vue3.0 将响应式系统进行了解耦,从主体代码中抽离了出来,这意味着,我们可以将 Vue3.0 的响应式系统视作一个单独的库来使用,就像 RxJS。为了加深对 Vue3.0 的响应式…
Vue3源码解读(四)-compositionApi
hello,大家好,我是德莱问。 休了半个月多的假,继续回来写bug了,前面文章中讲到了Vue3源码的mount和patch部分,对Vue3中的createApp和render进行了主流程式的分析和讲解。 本篇文章将会围绕Vue3的另外一个主要的文件夹reactivity来进行…
Vue3源码解读(三)-patch
大家好,我是德莱问,上一篇,我们讲到了first render的部分,对上篇文章有疑问的同学,欢迎留言,我们一起探讨,一起学习;本篇文章将会着重讲解Vue3中数据发生更新时所做的事情。 iPhone12发布了,看了下价格,我觉得我的iPhone7 plus还能再用一年。 web…
Vue3源码解读(二)-mount
前面讲到了Vue3中mount里面做的事情,其中第一步的mount前面已经讲解了,本篇文章将会从第二步的runtime-core文件夹下面的apiCreateApp文件mount函数开始讲起,依次讲解剩下的几步。按照主流程进行核心代码的解读,跳跃可能会比较大,不过在讲解过程中都…
Vue3源码解读(一)-createApp
距离上一篇文章源码解读预热过去了两周多的时间了,度过了国庆和中秋节,迟到的中秋国庆快乐送给大家,祝大家no bug,线上不报警,天天早下班。 Vue3系列文章将会围绕文件夹来进行讲解,主线流程走通后,再进行部分的讲解,会按照这个原则进行Vue3源码的逐一阅读和分析。 Vue3中…
Vue3.0来了,源码解读预热
Vue3发布的前两天,博客、朋友圈、公众号基本都是这么一条新闻,react16发布的时候也没见这么火热,可见大家对Vue的关注程度越来越高,Vue竟然有130万的使用者,这个用户体量还是非常惊人的,作为国内首屈一指的前端框架,尤大大真的是功不可没。 Vue3来了,虽然很兴奋,但…