- 2024-11-13揭秘!Vue3.5响应式重构如何让内存占用减少56%
前言Vue3.5版本又将响应式给重构了,重构后的响应式系统主要有两部分组成: 双向链表和版本计数。我们在前两篇文章中我们已经讲过了,这篇文章我们来讲讲为什么这次重构能够让内存占用减少56%。为什么说“又”将响应式重构了因为在之前的Vue3.4版本中刚刚将响应式给重构了,这
- 2024-11-13揭秘!Vue3.5响应式重构如何让内存占用减少56%
前言Vue3.5版本又将响应式给重构了,重构后的响应式系统主要有两部分组成:双向链表和版本计数。我们在前两篇文章中我们已经讲过了双向链表和版本计数,这篇文章我们来讲讲为什么这次重构能够让内存占用减少56%。欧阳年底也要毕业了,加入欧阳的面试交流群(分享内推信息)、高质量vue
- 2024-10-20vue3.5 测试props解构能不能响应式
代码测试<template><divclass='box'>demo:{{d}}<div><child:abc='abc'/></div></div></template><scriptlang='ts'setup>import{ref,reactive,comput
- 2024-10-14看不懂来打我!让性能提升56%的Vue3.5响应式重构
前言在Vue3.5版本中最大的改动就是响应式重构,重构后性能竟然炸裂的提升了56%。之所以重构后的响应式性能提升幅度有这么大,主要还是归功于:双向链表和版本计数。这篇文章我们来讲讲使用双向链表后,Vue内部是如何实现依赖收集和依赖触发的。搞懂了这个之后你就能掌握Vue3.5重构后的响
- 2024-09-24React的useId,现在Vue3.5终于也有了!
前言React在很早之前的版本中加了useId,用于生成唯一ID。在Vue3.5版本中,终于也有了期待已久的useId。这篇文章来带你搞清楚useId有哪些应用场景,以及他是如何实现的。关注公众号:【前端欧阳】,给自己一个进阶vue的机会useId的作用他的作用也是生成唯一ID,同一个Vue应用里面每次调用
- 2024-09-19【vue3】vue3.5
vue3.5是9.1发布的,还挺热乎的,赶快学习起来!!!组件属性结构解析赋值组件属性结构解析赋值,高度提高开发体验,这个特性曾经在vue3.3提出过,然后3.4废弃,终于3.5稳定了。下面一起来看看怎么用的吧。<scriptsetuplang="ts">import{watch}from'vue';//自定义属性
- 2024-09-18Vue3.5中解构props,让父子组件通信更加丝滑
前言在Vue3.5版本中响应式Props解构终于正式转正了,这个功能之前一直是试验性的。这篇文章来带你搞清楚,一个String类型的props经过解构后明明应该是一个常量了,为什么还没丢失响应式呢?本文中使用的Vue版本为欧阳写文章时的最新版Vue3.5.5关注公众号:【前端欧阳】,给自己一个进阶vu
- 2024-09-17Vue3.5+ 侦听器的3个更新
你好同学,我是沐爸,欢迎点赞、收藏、评论和关注。在Vue3.5+中,对于侦听器的更新有以下几个方面:暂停/恢复侦听器、副作用清理/onWatcherCleanup和deep遍历深度,如果对此熟悉可以直接划走了,如果没有划走就一起看看吧。暂停/恢复侦听器在Vue3.5之前,watch和watchEffect有
- 2024-09-17Vue3.5+ 响应式 Props 解构
你好同学,我是沐爸,欢迎点赞、收藏、评论和关注。在Vue3.5+中,响应式Props解构已经稳定并默认启用。这意味着在<scriptsetup>中从defineProps调用解构的变量现在是响应式的。这一改进大大简化了声明带有默认值的props的方式,并使得在子组件中直接使用解构后的pro
- 2024-09-12牛逼!在Vue3.5中仅仅2分钟就能封装一个自动cancel的fetch函数
前言在欧阳的上一篇这应该是全网最详细的Vue3.5版本解读文章中有不少同学对Vue3.5新增的onWatcherCleanup有点疑惑,这个新增的API好像和watchAPI回调的第三个参数onCleanup功能好像重复了。今天这篇文章来讲讲新增的onWatcherCleanup函数的使用场景:封装一个自动cancel的fetch
- 2024-09-11使用Vue3.5的onWatcherCleanup封装自动cancel的fetch函数
前言在欧阳的上一篇这应该是全网最详细的Vue3.5版本解读文章中有不少同学对Vue3.5新增的onWatcherCleanup有点疑惑,这个新增的API好像和watchAPI回调的第三个参数onCleanup功能好像重复了。今天这篇文章来讲讲新增的onWatcherCleanup函数的使用场景:封装一个自动cancel的fetch函
- 2024-09-06这应该是全网最详细的Vue3.5版本解读
版本号这次的版本号是天元突破红莲螺岩,这是07年出的一个二次元动漫,作者是没看过的。在此之前我一直以为这次的版本号会叫黑神话:悟空,可能悟空不够二次元吧。响应式响应式相关的内容主要分为:重构响应式、响应式props支持解构、新增onEffectCleanup函数、新增basewatch函数
- 2024-09-05这应该是全网最详细的Vue3.5版本解读kh
合集-vue3代码修炼秘籍(16)1.答应我,在vue中不要滥用watch好吗?02-292.一文搞懂Vue3defineModel双向绑定:告别繁琐代码!02-043.没有虚拟DOM版本的vue(VueVapor)01-264.有了CompositionAPI后,有些场景或许你不需要pinia了01-235.你不知道的vue3:使用runWithContext实现在非setup期
- 2024-09-05这应该是全网最详细的Vue3.5版本解读
前言Vue3.5正式版在这两天发布了,网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全,所以导致不少同学有个错觉,觉得Vue3.5版本不过如此,选择跳过这个版本等下个大版本再去更新。所以欧阳写了这篇超级详细的Vue3.5版本解读文章,小伙伴