理解Vue的watchEffect:自动追踪与立即执行
在Vue的响应式系统中,处理数据变化带来的副作用是一个常见需求。Vue提供了两种主要方式:watch和watchEffect。它们都能响应数据变化,但使用方式和适用场景有所不同。
阅读量: 47 标签: Vue3
Vue3 defineOptions使用详解
defineOptions是一个编译器宏,专门用于在script setup中声明组件选项。在Vue 3.3之前,使用script setup语法时,要设置组件名称、配置属性继承等选项比较麻烦。现在有了defineOptions,这些问题都得到了解决。
阅读量: 94 标签: Vue3
为什么 Vue3 推荐你告别 Mixins?
Vue3 带来了很多令人兴奋的新特性,比如更快的速度、更好的 TypeScript 支持。在这些变化中,有一个理念上的转变非常关键:它推荐我们使用全新的“组合式 API”来替代 Vue2 时代广泛使用的 mixins。
阅读量: 81 标签: Vue3
Vue3 新指令 v-memo:解决重复渲染的性能问题
在 Vue 开发中,我们经常使用 v-if 和 v-show 来控制元素的显示隐藏。但这两个指令主要解决的是是否渲染的问题。在实际项目中,真正的性能瓶颈往往出现在是否需要重新渲染这个环节。
阅读量: 115 标签: Vue3
Vue3中ref和reactive的区别与使用场景
Vue3带来了全新的响应式系统,其中ref和reactive是最常用的两个API。很多初学者对它们的使用感到困惑。本文将帮你彻底理解这两个重要的概念。
阅读量: 750 标签: Vue3
Vue 3.6:Vapor Mode把虚拟 DOM“编译没了”的那一刻
一句话版本:在 <script setup vapor> 下,Vue 编译器直接把你的 <template> 编译成“直达真实 DOM 的更新函数”,跳过 VDOM 的创建与 diff。代码几乎不改,页面更快、包更小。
阅读量: 1.1k 标签: Vue3
vue3框架高效开发的5个核心技巧
上周用Vue3重构了公司电商平台的商品筛选模块,组件加载速度直接提升40%——这不是魔法,而是Vue3带来的真实效能革命。作为深度实践者,我总结出这些让你代码既快又稳的实战经验
阅读量: 890 标签: vue3
Vue3.5 新特性有哪些?
2024年9月3日,Vue 官方团队发布了 Vue.js 3.5 稳定版,这个小版本不包含任何破坏性变更,为服务器端渲染(SSR)带来了一些期待已久的改进,同时包括了内部改进和实用的新功能。
阅读量: 2.9k 标签: vue3
Vue3 变量的访问控制与实现最佳化
Vue 提供了一种解决方案,跨越使用shallowRef并shallowReactive来绕过深度响应。shallow API 的状态只在第一层是响应方式的,对所有深度的对象不会做任何处理。这使得对深度属性的访问变得更快,但是我们必须将所有深度对象的属性视为不可变(不可变)
阅读量: 1.1k 标签: Vue3
vue3的宏到底是什么东西?
从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?
阅读量: 1.1k 标签: Vue3
Vue 3.4 正式版发布,带来多项更新
12 月 28 日,Vue 3.4 正式版发布,代号为“Slam Dunk”,即灌篮高手。据尤大接收,这个版本进行了许多重要的内部改进,其中最引人瞩目的是重写的模板解析器。新的解析器将速度提高了 2 倍,显著提升了整体性能。
阅读量: 1.3k 标签: Vue3
VueUse 是怎么封装Vue3 Provide/Inject 的?
Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性,但注入一个响应式对象,仍然有响应式的效果。Provide 的问题是无法追踪数据的来源
阅读量: 1k 标签: Vue3
【Vue3】如何封装一个超级好用的 Hook !
本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook,以及在实践场景中如何封装自己的 Vue Hook,带你走进 Hook 的世界,写出更优雅的代码。如果你觉得这篇文章写的不错
阅读量: 1.4k 标签: Vue3
6个高级Vue3知识技巧
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。 虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。
阅读量: 1.1k 标签: Vue3
Vue 3.3.9大更新:编译速度飞跃,开发效率翻倍!
11 月 25 日,Vue 发布了 3.3.9 版本,该版本除了解决了一些 Bug 之外,最重要的是对编译器性能进行了优化,使得编译速度大幅提升,下面就来详细看一下吧!
阅读量: 1.2k 标签: Vue3