- 博客(68)
- 收藏
- 关注
RSS订阅原创 花3分钟来了解一下Vue3中的插槽到底是什么玩意
插槽看着是一个比较神秘的东西，特别是作用域插槽还能让我们在父组件里面直接访问子组件里面的数据，这让插槽变得更加神秘了。其实Vue3的插槽远比你想象的简单，这篇文章我们来揭开插槽的神秘面纱。
2025-03-05 09:33:26
579
原创 面试官最想听到的Vue和React区别
欧阳最近找工作面试时总是被问到Vue和React的区别，这篇文章我们就来聊聊这个问题。面试官问这个问题一般是
2025-02-21 08:30:00
939
原创 欧阳的2024年终总结，迷茫，重生与失业
这是欧阳第一次写年终总结，今年发生的事情还挺多的值得写篇文章记录一下。立个flag，以后每年都写一篇年终总结文章，5年后35岁再来看这些文章不知道是什么感觉。今年发生的事情可以总结为三个词语：迷茫、重生、失业。
2025-01-09 09:46:30
710
1
原创 让我看看有多少人不知道Vue3中也能实现高阶组件HOC
高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：
2025-01-06 08:30:00
1039
原创 面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来教你不定高如何实现。
2024-12-27 08:30:00
1744
原创 给我2分钟，保证教会你在Vue3中实现一个定高的虚拟列表
虚拟列表对于大部分一线开发同学来说是一点都不陌生的东西了，有的同学是直接使用第三方组件。但是面试时如果你简历上面写了虚拟列表，却给面试官说是通过三方组件实现的，此时空气可能都凝固了。
2024-12-19 14:03:59
899
原创 面试官：来谈谈Vue3的provide和inject实现多级传递的原理
没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘，其实他的源码非常简单，这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的
2024-12-03 08:30:00
1000
原创 看不懂来打我！Vue3的watch是如何实现数据监听的
watch这个API大家都很熟悉，今天这篇文章欧阳来带你搞清楚Vue3的watch是如何实现对响应式数据进行监听的。
2024-11-26 08:54:04
1048
原创 盘点Vue3 watch的一些关键时刻能够大显身手的功能
watch这个API大家应该都不陌生，在Vue3版本中给watch增加不少有用的功能，比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上，但是在一些特定的场景中，他们能够起大作用，这篇文章欧阳就来带你盘点一下这些功能。
2024-11-21 11:24:34
879
原创 揭秘！Vue3.5响应式重构如何让内存占用减少56%
Vue3.5版本又将响应式给重构了，重构后的响应式系统主要有两部分组成： 双向链表和 版本计数。我们在前两篇文章中我们已经讲过了 双向链表和 版本计数，这篇文章我们来讲讲为什么这次重构能够让内存占用减少56%。
2024-11-13 08:30:00
880
原创 让性能提升56%的Vue3.5响应式重构之“版本计数”
Vue3.5响应式重构主要分为两部分：双向链表和版本计数。在上一篇文章中我们讲了 双向链表 ，这篇文章我们接着来讲版本计数。
2024-11-06 09:05:24
844
原创 智子: Vue Vapor年底发布alpha版本，如果有资金支持
在最近的Vue Fes大会上，Vue Vapor的作者智子大佬宣布，如果能够得到资金支持，那么Vue Vapor年底就能发布alpha版本了。
2024-10-29 08:59:15
1029
原创 无需等待Vue Release发布，就能在项目中体验最新版
两个月前尤大在Vue 仓库中引入了 pkg.pr.new，有了这个后Vue仓库中的每个commit或者PR都会自动触发一个新的发布，我们就可以在项目中体验最新版本的Vue啦。
2024-10-24 08:30:00
559
原创 看不懂来打我！让性能提升56%的Vue3.5响应式重构
在Vue3.5版本中最大的改动就是响应式重构，重构后性能竟然炸裂的提升了56%。之所以重构后的响应式性能提升幅度有这么大，主要还是归功于：双向链表和版本计数。
2024-10-14 11:27:50
951
原创 揭秘！尤雨溪成立的VoidZero如何改变前端世界
Vue和Vite之父尤雨溪宣布成立公司 VoidZero，目前已经融资3200万。这篇文章欧阳将带你了解VoidZero是如何改变javascript的世界！
2024-10-09 13:07:25
2634
原创 React的useId，现在Vue3.5终于也有了！
React在很早之前的版本中加了useId，用于生成唯一ID。在Vue3.5版本中，终于也有了期待已久的useId。这篇文章来带你搞清楚useId有哪些应用场景，以及他是如何实现的。
2024-09-24 08:52:29
907
1
原创 Vue3.5中解构props，让父子组件通信更加丝滑
这篇文章来带你搞清楚Vue3.5中，一个String类型的props经过解构后明明应该是一个常量了，为什么还没丢失响应式呢？
2024-09-18 08:30:00
854
原创 使用Vue3.5的onWatcherCleanup封装自动cancel的fetch函数
使用Vue3.5新增的onWatcherCleanup函数封装一个自动cancel的fetch函数
2024-09-11 08:57:40
1485
原创 军工厂电气工程师到知名互联网公司程序员，我吃饭的家伙有哪些
到今年工作8年了，这个显示器是欧阳所有吃饭的家伙里面最满意的。为什么说Mac电脑不是最满意的呢？因为他真的太贵了，和显示器比起来性价比就差不少了。
2024-09-10 08:30:00
816
1
原创 这应该是全网最详细的Vue3.5版本解读
Vue3.5正式版在这两天发布了，网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全，所以导致不少同学有个错觉，觉得Vue3.5版本不过如此
2024-09-05 08:30:00
1611
原创 牛逼！Vue3.5的useTemplateRef让ref操作DOM更加丝滑
vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？
2024-09-04 08:30:00
7413
原创 Vue3.5新增的baseWatch让watch函数和Vue组件彻底分手
Vue3.5新增了一个baseWatch，让watch函数和Vue组件彻底分手，他的实现和Vue组件以及生命周期没有一毛钱关系。
2024-08-26 15:57:51
1153
原创 这年头，好好分享前端高质量文章也要被怼
欧阳老老实实的更新自己的高质量vue源码文章，还被某2.6k star的开源大佬给怼了。被怼了后气不过把截图（未打码）发粉丝群和朋友圈，结果发现还免费给他的开源项目打广告了。欧阳真的是越想越气
2024-08-23 08:30:00
1458
原创 卧槽，牛逼！vue3的组件竟然还能“暂停”渲染！
有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？
2024-08-19 08:30:00
1144
原创 欧阳坚持每周一篇高质量文章，半年后收入1380.27元
欧阳坚持每周更新一篇高质量文章半年后的收益：收入1380.27元、电子书一本、微信技术群418人、微信好友459人、文章38篇
2024-08-15 08:30:00
690
原创 vue3的defineAsyncComponent是如何实现异步组件的呢？
这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。
2024-08-13 08:30:00
1599
原创 给我5分钟，保证教会你在vue3中动态加载远程组件
在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。今天这篇文章我将带你学会，在vue3中如何去动态加载远程组件。
2024-08-07 08:30:00
3015
原创 用了组合式 (Composition) API 后代码变得更乱了，怎么办？
组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。
2024-08-02 08:30:00
717
原创 这本vue3编译原理开源电子书，初中级前端竟然都能看懂
众所周知vue提供了很多黑魔法，比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能，大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。
2024-07-30 23:51:59
984
原创 70%的人都答错了的面试题，vue3的ref是如何实现响应式的？
最近在我的vue源码交流群有位面试官分享了一道他的面试题：vue3的ref是如何实现响应式的？下面有不少小伙伴回答的是proxy，其实这些小伙伴只回答对了一半。
2024-07-29 08:30:00
1020
原创 都2024年了你还傻傻分不清楚“编译时”和“运行时”吗？
在写vue3编译原理揭秘电子书的时候，发现有不少粉丝还傻傻分不清楚什么是编译时？什么是运行时？这篇文章我们来让你彻底搞清楚编译时和运行时的区别。
2024-07-22 08:30:00
862
原创 想看源码但是无从下口怎么办？
相信不少同学都有欧阳这种情况，年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成，年底回顾时发现年初制定的计划基本都没完成。痛定思痛，第二年年初决定再次制定一份学习英语和源码的详细年度计划，毫无疑问又失败了。
2024-07-15 08:30:00
1003
原创 最近很火的Vue Vine是如何实现一个文件中写多个组件
相信你最近应该看到了不少介绍Vue Vine的文章，这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。
2024-07-10 09:34:12
1700
原创 新知识get，vue3是如何实现在style中使用响应式变量？
这篇文章我们来讲讲vue是如何实现在style中使用script模块中的响应式变量
2024-07-08 09:31:39
1137
原创 这篇文章我们来接着讲使用了scoped后，vue是如何给html增加自定义属性data-v-x
上篇文章中我们讲了使用scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x
2024-07-03 08:30:00
1006
原创 掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（上）
这篇我们来讲讲使用了scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]
2024-06-27 09:25:10
730
原创 Vue3 中的 v-bind 指令：你不知道的那些工作原理
本文将通过debug源码的方式带你搞清楚，v-bind指令是如何实现简写、同名简写等多种方式将变量绑定到html的attributes属性上。
2024-06-24 08:00:00
1125
1
原创 有点儿神奇，原来vue3的setup语法糖中组件无需注册因为这个
在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？
2024-06-20 08:00:00
1267
原创 有点东西，template可以直接使用setup语法糖中的变量原来是因为这个
你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？
2024-06-14 08:00:00
650
空空如也
关注公众号：前端欧阳
2024-03-18
关注公众号：前端欧阳
2024-03-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人