这本vue3编译原理开源电子书，初中级前端竟然都能看懂
众所周知vue提供了很多黑魔法，比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能，大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。
阅读全文 ：这本vue3编译原理开源电子书，初中级前端竟然都能看懂
公众号
前端欧阳
通过debug的方式带你看vue源码
这个来源的文章
70%的人都答错了的面试题，vue3的ref是如何实现响应式的？
最近在我的vue源码交流群有位面试官分享了一道他的面试题：vue3的ref是如何实现响应式的？下面有不少小伙伴回答的是proxy，其实这些小伙伴只回答对了一半。
阅读全文 ：70%的人都答错了的面试题，vue3的ref是如何实现响应式的？都2024年了你还傻傻分不清楚“编译时”和“运行时”吗？
在写vue3编译原理揭秘电子书的时候，发现有不少粉丝还傻傻分不清楚什么是编译时？什么是运行时？这篇文章我们来让你彻底搞清楚编译时和运行时的区别。
阅读全文 ：都2024年了你还傻傻分不清楚“编译时”和“运行时”吗？想看源码但是无从下口怎么办？
相信不少同学都有欧阳这种情况，年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成，年底回顾时发现年初制定的计划基本都没完成
阅读全文 ：想看源码但是无从下口怎么办？最近很火的Vue Vine是如何实现一个文件中写多个组件
相信你最近应该看到了不少介绍Vue Vine的文章，这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。
阅读全文 ：最近很火的Vue Vine是如何实现一个文件中写多个组件新知识get，vue3是如何实现在style中使用响应式变量？
这篇文章我们来讲讲vue是如何实现在style中使用script模块中的响应式变量。
阅读全文 ：新知识get，vue3是如何实现在style中使用响应式变量？掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（下）
这篇文章我们来讲使用了scoped后，vue是如何给html增加自定义属性data-v-x
阅读全文 ：掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（下）掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（上）
这篇我们来讲讲使用了scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]
阅读全文 ：掉了两根头发后，我悟了！vue3的scoped原来是这样避免样式污染（上）Vue3 中的 v-bind 指令：你不知道的那些工作原理
本文将通过debug源码的方式带你搞清楚，v-bind指令是如何实现简写、同名简写等多种方式将变量绑定到html的attributes属性上。
阅读全文 ：Vue3 中的 v-bind 指令：你不知道的那些工作原理有点儿神奇，原来vue3的setup语法糖中组件无需组册因为这个
在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？
阅读全文 ：有点儿神奇，原来vue3的setup语法糖中组件无需组册因为这个有点东西，template可以直接使用setup语法糖中的变量原来是因为这个
你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？
阅读全文 ：有点东西，template可以直接使用setup语法糖中的变量原来是因为这个终于搞懂了！原来vue3中template使用ref无需.value是因为这个
众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。
阅读全文 ：终于搞懂了！原来vue3中template使用ref无需.value是因为这个彻底搞清楚vue3的defineExpose宏是如何暴露方法给父组件使用
众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。
阅读全文 ：彻底搞清楚vue3的defineExpose宏是如何暴露方法给父组件使用终于搞懂了！原来 Vue 3 的 generate 是这样生成 render 函数的
在之前的文章中讲了transform阶段会生成一棵javascript AST抽象语法树。这篇文章来接着讲generate阶段是如何根据这棵树生成render函数字符串
阅读全文 ：终于搞懂了！原来 Vue 3 的 generate 是这样生成 render 函数的搞懂 Vue 3 编译优化：静态提升的秘密
本文讲了vue3是如何实现编译优化之“静态提升”，静态节点无需每次执行render函数都去生成一次虚拟DOM
阅读全文 ：搞懂 Vue 3 编译优化：静态提升的秘密面试官：在原生input上面使用v-model和组件上面使用有什么区别？
在原生input上面使用v-model和在组件上面使用v-model有什么区别？
阅读全文 ：面试官：在原生input上面使用v-model和组件上面使用有什么区别？