vue3项目结构里的hooks 和utils

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

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

1.utils(工具函数):

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

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

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

2.hooks(组合式函数):

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

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

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

区别:

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

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

相关推荐
代码搬运媛5 小时前
Jest 测试框架详解与实现指南
前端
counterxing6 小时前
我把 Codex 里的 Skills 做成了一个 MCP,还支持分享
前端·agent·ai编程
wangqiaowq6 小时前
windows下nginx的安装
linux·服务器·前端
之歆7 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜7 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai108087 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong7 小时前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
kyriewen9 小时前
产品经理把PRD写成“天书”,我用AI半小时重写了一遍,他当场愣住
前端·ai编程·cursor
humcomm9 小时前
元框架的工作原理详解
前端·前端框架
canonical_entropy9 小时前
Attractor Before Harness: AI 大规模开发的方法论
前端·aigc·ai编程