vue3项目结构里的hooks 和utils

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

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

1.utils(工具函数):

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

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

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

2.hooks(组合式函数):

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

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

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

区别:

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

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

相关推荐
zsd_311 小时前
npm指定本地缓存、安装包、仓库路径
前端·缓存·npm·node.js·私服·安装包·本地
Wzx1980121 小时前
自研开发的前后端项目部署流程
vue.js·python
HXH_csdn1 小时前
浏览器版本低,使用?.语法导致页面白屏
前端·javascript·vue.js
lili-felicity1 小时前
React Native for OpenHarmony 实战:图片懒加载(LazyLoading) 详解
javascript·react native·harmonyos
鹏程十八少2 小时前
3. Android 腾讯开源的 Shadow,凭什么成为插件化“终极方案”?
android·前端·面试
VT.馒头2 小时前
【力扣】2627. 函数防抖
前端·javascript·算法·leetcode
IT_陈寒2 小时前
Vite 4.0实战:5个被低估的配置项让构建速度提升50%
前端·人工智能·后端
摘星编程2 小时前
React Native for OpenHarmony 实战:LayoutAnimation 布局动画详解
javascript·react native·react.js
消失的旧时光-19432 小时前
数据驱动 vs 流程驱动:前端与 Flutter 的两种架构主线
前端·数据驱动·流程驱动·架构思想