摘要: 在setup语法糖中直接将组件import导入无需注册就可以使用,你知道这是为什么呢? 阅读全文
posted @ 2024-06-20 08:54 前端欧阳 阅读(177) 评论(0) 推荐(3) 编辑
摘要: 你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢?setup语法糖是如何编译成setup函数的呢? 阅读全文
posted @ 2024-06-14 08:43 前端欧阳 阅读(252) 评论(0) 推荐(4) 编辑
摘要: 前言 众所周知,vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,比如:<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在编 阅读全文
posted @ 2024-06-07 10:15 前端欧阳 阅读(300) 评论(0) 推荐(1) 编辑
摘要: 前言 众所周知,当子组件使用setup后,父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注:本文中使用的vu 阅读全文
posted @ 2024-05-29 08:51 前端欧阳 阅读(168) 评论(0) 推荐(1) 编辑
摘要: 前言 在之前的 面试官:来说说vue3是怎么处理内置的v-for、v-model等指令? 文章中讲了transform阶段处理完v-for、v-model等指令后,会生成一棵javascript AST抽象语法树。这篇文章我们来接着讲generate阶段是如何根据这棵javascript AST抽象 阅读全文
posted @ 2024-05-20 09:04 前端欧阳 阅读(301) 评论(0) 推荐(1) 编辑
摘要: 本文讲了vue3是如何实现编译优化之“静态提升”,静态节点无需每次执行render函数都去生成一次虚拟DOM 阅读全文
posted @ 2024-05-14 08:31 前端欧阳 阅读(323) 评论(0) 推荐(1) 编辑
摘要: 前言 jquery时代更新视图是直接对DOM进行操作,缺点是频繁操作真实 DOM,性能差。react和vue时代引入了虚拟DOM,更新视图是对新旧虚拟DOM树进行一层层的遍历比较,然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂,在进行新旧DOM树比较的时候性能就比较差了。那 阅读全文
posted @ 2024-05-06 08:38 前端欧阳 阅读(2334) 评论(1) 推荐(7) 编辑
摘要: 文章解释了在原生input上面使用v-model和在组件上面使用v-model有什么区别? 阅读全文
posted @ 2024-04-23 16:04 前端欧阳 阅读(573) 评论(2) 推荐(3) 编辑
摘要: vue3的transform函数具体是如何处理vue内置的v-for、v-model等指令。 阅读全文
posted @ 2024-04-18 10:11 前端欧阳 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 前言 在之前的 通过debug搞清楚.vue文件怎么变成.js文件 文章中我们讲过了vue文件是如何编译成js文件,通过那篇文章我们知道了,template编译为render函数底层就是调用了@vue/compiler-sfc包暴露出来的compileTemplate函数。由于文章篇幅有限,我们没有 阅读全文
posted @ 2024-04-12 09:23 前端欧阳 阅读(266) 评论(0) 推荐(2) 编辑