vue3项目结构里的hooks 和utils

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

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

1.utils(工具函数):

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

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

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

2.hooks(组合式函数):

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

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

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

区别:

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

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

相关推荐
颜酱7 小时前
理解二叉树最近公共祖先(LCA):从基础到变种解析
javascript·后端·算法
Sailing7 小时前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试
FansUnion8 小时前
我如何用 Next.js + Supabase + Cloudflare R2 搭建壁纸销售平台——月成本接近 $0
javascript
喝水的长颈鹿8 小时前
【大白话前端 03】Web 标准与最佳实践
前端
爱泡脚的鸡腿8 小时前
Node.js 拓展
前端·后端
左夕9 小时前
分不清apply,bind,call?看这篇文章就够了
前端·javascript
Zha0Zhun9 小时前
一个使用ViewBinding封装的Dialog
前端
兆子龙9 小时前
从微信小程序 data-id 到 React 列表性能优化:少用闭包,多用 data-*
前端
滕青山9 小时前
文本行过滤/筛选 在线工具核心JS实现
前端·javascript·vue.js
时光不负努力10 小时前
编程常用模式集合
前端·javascript·typescript