腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
vue3源码
带你搞清楚vue3的源码
专栏成员
举报
44
文章
12762
阅读量
14
订阅数
订阅专栏
申请加入专栏
全部文章（44）
函数（39）
vue3（24）
对象（23）
变量（19）
编译（15）
字符串（7）
响应式（6）
语法（6）
渲染（5）
浏览器（5）
api（4）
model（4）
事件（4）
dom（3）
ref（3）
服务端（3）
数组（3）
异步（3）
源码（3）
终端（3）
composition（2）
debug（2）
render（2）
watch（2）
客户端（2）
数据（2）
原理（2）
react（1）
打包（1）
app（1）
bind（1）
count（1）
fetch（1）
import（1）
input（1）
jsx（1）
key（1）
vapor（1）
编译器（1）
表单（1）
插件（1）
产品（1）
代码规范（1）
工作（1）
构建工具（1）
技巧（1）
接口（1）
设计（1）
同步（1）
优化（1）
重构（1）
搜索文章
搜索
搜索
关闭
vue3早已具备抛弃虚拟DOM的能力了
函数
dom
vue3
变量
编译
jquery时代更新视图是直接对DOM进行操作，缺点是频繁操作真实 DOM，性能差。react和vue时代引入了虚拟DOM，更新视图是对新旧虚拟DOM树进行一层层的遍历比较，然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂，在进行新旧DOM树比较的时候性能就比较差了。那么有没有一种方法是不需要去遍历新旧DOM树就可以知道哪些DOM需要更新呢？
前端欧阳
2024-05-09
282
0
置顶
通过debug搞清楚.vue文件怎么变成.js文件
字符串
debug
编译
对象
函数
我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件，想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的，其实实际背后生效的是vue-loader和@vitejs/plugin-vue。本文以@vitejs/plugin-vue举例，通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的，看不懂你来打我。
前端欧阳
2024-04-24
316
0
置顶
React的useId，现在Vue3.5终于也有了！
服务端
客户端
字符串
react
vue3
欧阳建了一个高质量vue源码交流群，群里还有不少面试官，扫描文末的二维码加入微信群。
前端欧阳
2024-09-24
219
0
尊嘟假嘟？在Vue3.5中解构props不会丢失响应式
对象
函数
响应式
vue3
变量
在Vue3.5版本中响应式 Props 解构终于正式转正了，这个功能之前一直是试验性的。这篇文章来带你搞清楚，一个String类型的props经过解构后明明应该是一个常量了，为什么还没丢失响应式呢？本文中使用的Vue版本为欧阳写文章时的最新版Vue3.5.5
前端欧阳
2024-09-20
117
0
使用Vue3.5的onWatcherCleanup封装自动cancel的fetch函数
fetch
vue3
变量
函数
接口
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，看完后可以让你对vue编译的认知有质的提升。并且这本书初、中级前端都能看懂，完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-09-11
249
0
这应该是全网最详细的Vue3.5版本解读
响应式
渲染
vue3
函数
客户端
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，看完后可以让你对vue编译的认知有质的提升。并且这本书初、中级前端都能看懂，完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-09-11
400
0
牛逼！Vue3.5的useTemplateRef让ref操作DOM更加丝滑
dom
ref
vue3
变量
函数
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，看完后可以让你对vue编译的认知有质的提升。并且这本书初、中级前端都能看懂，完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-09-11
186
0
Vue3.5新增的baseWatch让watch函数和Vue组件彻底分手
响应式
重构
vue3
watch
函数
在Vue 3.5.0-beta.3版本中新增了一个base watch函数，这个函数用法和我们熟知的watch API一模一样。区别就是我们之前用的watch API是和Vue组件以及生命周期是一起实现的，他们是深度绑定的。而Vue3.5新增的base watch函数是一个新的函数，他的实现和Vue组件以及生命周期没有一毛钱关系。
前端欧阳
2024-08-29
103
0
卧槽，牛逼！vue3的组件竟然还能“暂停”渲染！
数据
异步
渲染
vue3
服务端
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，看完后可以让你对vue编译的认知有质的提升。并且这本书初、中级前端都能看懂，完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-08-20
341
0
vue3的defineAsyncComponent是如何实现异步组件的呢？
vue3
对象
函数
异步
渲染
在上一篇 给我5分钟，保证教会你在vue3中动态加载远程组件文章中，我们通过defineAsyncComponent实现了动态加载远程组件。这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。注：本文使用的vue版本为3.4.19
前端欧阳
2024-08-13
127
0
给我5分钟，保证教会你在vue3中动态加载远程组件
服务端
函数
vue3
编译
对象
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，这本书初中级前端都能看懂。完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-08-08
351
0
用了组合式 (Composition) API 后代码变得更乱了，怎么办？
api
composition
变量
代码规范
函数
大家好，我是欧阳，又跟大家见面啦！ 欧阳写了一本vue3编译原理揭秘开源电子书，这本书初中级前端都能看懂。完全免费，只求一个star，点击文末的阅读原文跳转到电子书。
前端欧阳
2024-08-02
264
0
70%的人都答错了的面试题，vue3的ref是如何实现响应式的？
响应式
ref
vue3
对象
函数
最近在我的vue源码交流群有位面试官分享了一道他的面试题：vue3的ref是如何实现响应式的？下面有不少小伙伴回答的是Proxy，其实这些小伙伴只回答对了一半。
前端欧阳
2024-08-01
162
0
涨见识了！脱离vue项目竟然也可以使用响应式API
设计
响应式
api
变量
函数
vue3的响应式API大家应该都特别熟悉，比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API，今天欧阳给大家带来一些不一样的。脱离vue项目，在node.js项目中使用vue的响应式API。
前端欧阳
2024-07-25
163
0
都2024年了你还傻傻分不清楚“编译时”和“运行时”吗？
打包
编译
编译器
构建工具
浏览器
在写vue3编译原理揭秘电子书的时候，发现有不少粉丝还傻傻分不清楚什么是编译时？什么是运行时？这篇文章我们来让你彻底搞清楚编译时和运行时的区别。
前端欧阳
2024-07-25
116
0
想看源码但是无从下口怎么办？
技巧
源码
终端
编译
函数
相信不少同学都有欧阳这种情况，年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成，年底回顾时发现年初制定的计划基本都没完成。痛定思痛，第二年年初决定再次制定一份学习英语和源码的详细年度计划，毫无疑问又失败了。
前端欧阳
2024-07-25
245
0
最近很火的Vue Vine是如何实现一个文件中写多个组件
编译
对象
函数
数组
终端
在今年的Vue Conf 2024大会上，沈青川大佬（维护Vue/Vite 中文文档）在会上介绍了他的新项目Vue Vine。Vue Vine提供了全新Vue组件书写方式，主要的卖点是可以在一个文件里面写多个vue组件。相信你最近应该看到了不少介绍Vue Vine的文章，这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。
前端欧阳
2024-07-12
273
0
新知识get，vue3是如何实现在style中使用响应式变量？
函数
响应式
字符串
vue3
变量
vue2的时候想必大家有遇到需要在style模块中访问script模块中的响应式变量，为此我们不得不使用css变量去实现。现在vue3已经内置了这个功能啦，可以在style中使用v-bind指令绑定script模块中的响应式变量，这篇文章我们来讲讲vue是如何实现在style中使用script模块中的响应式变量。注：本文中使用的vue版本为3.4.19。
前端欧阳
2024-07-12
331
2
掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（下）
对象
函数
vue3
变量
编译
在上一篇 掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（上） 文章中我们讲了使用scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲使用了scoped后，vue是如何给html增加自定义属性data-v-x。注：本文中使用的vue版本为3.4.19，@vitejs/plugin-vue的版本为5.0.4。
前端欧阳
2024-07-12
115
0
掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（上）
插件
对象
函数
vue3
编译
众所周知，在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x，同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注：本文中使用的vue版本为3.4.19，@vitejs/plugin-vue的版本为5.0.4。
前端欧阳
2024-07-02
371
0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪，探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
