摘要: 这篇a56爆大奖在线娱乐们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x] 阅读全文
posted @ 2024-06-27 09:28 前端欧阳 阅读(285) 评论(4) 推荐(1) 编辑
摘要: 前言 v-bind指令想必大家都不陌生,并且都知道他支持各种写法,比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的,将title变量绑定到div标签的title属性 阅读全文
posted @ 2024-06-24 09:47 前端欧阳 阅读(309) 评论(2) 推荐(1) 编辑
摘要: 在setup语法糖中直接将组件import导入无需注册就可以使用,你知道这是为什么呢? 阅读全文
posted @ 2024-06-20 08:54 前端欧阳 阅读(364) 评论(0) 推荐(5) 编辑
摘要: 你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢?setup语法糖是如何编译成setup函数的呢? 阅读全文
posted @ 2024-06-14 08:43 前端欧阳 阅读(270) 评论(0) 推荐(4) 编辑
摘要: 前言 众所周知,vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,比如:<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在编 阅读全文
posted @ 2024-06-07 10:15 前端欧阳 阅读(332) 评论(0) 推荐(1) 编辑
摘要: 前言 众所周知,当子组件使用setup后,父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注:a56爆大奖在线娱乐中使用的vu 阅读全文
posted @ 2024-05-29 08:51 前端欧阳 阅读(205) 评论(0) 推荐(1) 编辑
摘要: 前言 在之前的 面试官:来说说vue3是怎么处理内置的v-for、v-model等指令? 文章中讲了transform阶段处理完v-for、v-model等指令后,会生成一棵javascript AST抽象语法树。这篇文章a56爆大奖在线娱乐们来接着讲generate阶段是如何根据这棵javascript AST抽象 阅读全文
posted @ 2024-05-20 09:04 前端欧阳 阅读(314) 评论(0) 推荐(1) 编辑
摘要: a56爆大奖在线娱乐讲了vue3是如何实现编译优化之“静态提升”,静态节点无需每次执行render函数都去生成一次虚拟DOM 阅读全文
posted @ 2024-05-14 08:31 前端欧阳 阅读(332) 评论(0) 推荐(1) 编辑
摘要: 前言 jquery时代更新视图是直接对DOM进行操作,缺点是频繁操作真实 DOM,性能差。react和vue时代引入了虚拟DOM,更新视图是对新旧虚拟DOM树进行一层层的遍历比较,然后找出需要更新的DOM节点进行更新。这样做的缺点就是如果DOM树很复杂,在进行新旧DOM树比较的时候性能就比较差了。那 阅读全文
posted @ 2024-05-06 08:38 前端欧阳 阅读(2362) 评论(1) 推荐(7) 编辑
摘要: 文章解释了在原生input上面使用v-model和在组件上面使用v-model有什么区别? 阅读全文
posted @ 2024-04-23 16:04 前端欧阳 阅读(589) 评论(2) 推荐(3) 编辑