vue3的defineAsyncComponent是如何实现异步组件的呢?-牛翰网

vue3的defineAsyncComponent是如何实现异步组件的呢?

这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的
掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)-牛翰网

掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)

这篇我们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]
掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(下)-牛翰网

掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(下)

上篇文章中我们讲了使用scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x
新知识get,vue3是如何实现在style中使用响应式变量?-牛翰网

新知识get,vue3是如何实现在style中使用响应式变量?

前言 vue2的时候想必大家有遇到需要在style模块中访问script模块中的响应式变量,为此我们不得不使用css变量去实现。现在vue3已经内置了这个功能啦,可以在style中使用v-bind指令绑定script模块...
最近很火的Vue Vine是如何实现一个文件中写多个组件-牛翰网

最近很火的Vue Vine是如何实现一个文件中写多个组件

相信你最近应该看到了不少介绍Vue Vine的文章,这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。
想看源码但是无从下口怎么办?-牛翰网

想看源码但是无从下口怎么办?

相信不少同学都有欧阳这种情况,年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成,年底回顾时发现年初制定的计划基...
都2024年了你还傻傻分不清楚“编译时”和“运行时”吗?-牛翰网

都2024年了你还傻傻分不清楚“编译时”和“运行时”吗?

前言 在写vue3编译原理揭秘电子书的时候,发现有不少粉丝还傻傻分不清楚什么是编译时?什么是运行时?这篇文章我们来让你彻底搞清楚编译时和运行时的区别。 关注公众号:【前端欧阳】,给自己一...
涨见识了!脱离vue项目竟然也可以使用响应式API-牛翰网

涨见识了!脱离vue项目竟然也可以使用响应式API

前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项...
70%的人都答错了的面试题,vue3的ref是如何实现响应式的?-牛翰网

70%的人都答错了的面试题,vue3的ref是如何实现响应式的?

最近在我的vue源码交流群有位面试官分享了一道他的面试题:vue3的ref是如何实现响应式的?下面有不少小伙伴回答的是Proxy,其实这些小伙伴只回答对了一半。
这本vue3编译原理开源电子书,初中级前端竟然都能看懂-牛翰网

这本vue3编译原理开源电子书,初中级前端竟然都能看懂

众所周知vue提供了很多黑魔法,比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能,大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。