公众号：【前端欧阳】

摘要： 在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？ 阅读全文

摘要： 你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢？setup语法糖是如何编译成setup函数的呢？ 阅读全文

摘要： 前言 众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在编 阅读全文

摘要： 前言 众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vu 阅读全文

摘要： 前言 在之前的 面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？ 文章中讲了transform阶段处理完v-for、v-model等指令后，会生成一棵javascript AST抽象语法树。这篇文章我们来接着讲generate阶段是如何根据这棵javascript AST抽象 阅读全文

摘要： 本文讲了vue3是如何实现编译优化之“静态提升”，静态节点无需每次执行render函数都去生成一次虚拟DOM 阅读全文

摘要： 前言 jquery时代更新视图是直接对DOM进行操作，缺点是频繁操作真实 DOM，性能差。react和vue时代引入了虚拟DOM，更新视图是对新旧虚拟DOM树进行一层层的遍历比较，然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂，在进行新旧DOM树比较的时候性能就比较差了。那 阅读全文

摘要： 文章解释了在原生input上面使用v-model和在组件上面使用v-model有什么区别？ 阅读全文

摘要： vue3的transform函数具体是如何处理vue内置的v-for、v-model等指令。 阅读全文

摘要： 前言 在之前的 通过debug搞清楚.vue文件怎么变成.js文件 文章中我们讲过了vue文件是如何编译成js文件，通过那篇文章我们知道了，template编译为render函数底层就是调用了@vue/compiler-sfc包暴露出来的compileTemplate函数。由于文章篇幅有限，我们没有 阅读全文