vue3项目结构里的hooks 和utils

两个都是工具函数有啥区别

在Vue3项目中,hooks和utils确实都是封装函数的方式,但它们的用途和设计理念有所不同。

1.utils(工具函数):

。通常是与框架无关的纯函数 ,用于执行通用的、可复用的任务,例如日期格式化、字符串处理、数学计算等。

。它们不依赖于Vue的响应式系统,可以在任何JavaScript环境中使用 。

。例如:一个计算两个日期之间相差天数的函数。

2.hooks(组合式函数):

。是Vue3组合式API的特定概念,用于封装和复用有状态的逻辑 。它们可以响应式地影响组件,并且可以包含生命周期钩子、响应式数据 等。

。通常以 use 开头,例如 useMouse、useFetch 等。

。它们允许你将组件的逻辑进行更优雅的组合,使得代码更加模块化和可维护,

区别:

uti1s 是纯函数,无状态,不依赖于Vue的响应式系统。

hooks 是组合式函数,可能有状态,并且依赖于Vue的响应式系统,只能在Vue组件或其它hooks中使用。

相关推荐
三天不学习6 分钟前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs194051 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
明月_清风2 小时前
Deno 终局来了:从挑战 Node 到被 Cloudflare 收编
前端·后端·node.js
Csvn3 小时前
框架性能优化
前端
雪芽蓝域zzs4 小时前
第 5 节:Marker 点击弹出 InfoWindow 信息窗口
vue.js
回眸&啤酒鸭4 小时前
【回眸】OpenSwarm 多智能体协作系统实战指南
大数据·前端·人工智能
用户69371750013845 小时前
2026,程序员的时代拐点到了
android·前端·后端
大龄秃头程序员5 小时前
一次 iBeacon + BLE 无感解锁方案的实现记录
前端
小兔子5 小时前
Python 的 GIL 与 free-threading:3.13 之后「去 GIL」走到哪一步了
前端
IT_陈寒5 小时前
SpringBoot自动配置差点让我加班到凌晨
前端·人工智能·后端