当前位置: 首页 > 知识库问答 >
问题:

javascript - 请问vue3的hooks,和平常我自己封装的工具函数有什么区别?

孙嘉悦
2023-05-27

看大家一直都在讲,vue3的compositionApi可以方便我们把业务逻辑抽离到外部组件中,保持组件内部逻辑清晰,但我一直不太明白大家讲的hooks具体是什么东西

我知道react官方有明确提供一些类似const [count,useCount] = useState('count')的hooks,但vue中大家封装的hooks格式都不一,只有名字前面带了use,这是一种约定俗成的规则吗?那它和之前封装的一些utils的区别在哪里呢

共有1个答案

卓新知
2023-05-27

看看这篇文章吧:
1.https://juejin.cn/post/7083401842733875208
2.https://juejin.cn/post/6893289942596714503
3.utils 的工具函数脱离框架也能使用,hooks 和框架耦合配合业务定义,可以利用vue的生命周期,还有响应式,至于use这个是方便记忆,react用的比较多,vue也就借鉴过来了。

 类似资料:
  • 本文向大家介绍自己封装的常用javascript函数分享,包括了自己封装的常用javascript函数分享的使用技巧和注意事项,需要的朋友参考一下 都是些常用的功能,这里就不多废话了,小伙伴们自己看下就明白了 奉上代码:

  • 本文向大家介绍自己封装的javascript事件队列函数版,包括了自己封装的javascript事件队列函数版的使用技巧和注意事项,需要的朋友参考一下 背景 javascript中使用addEventListener()或attachEvent()绑定事件时会有几个小问题: 一、使用addEventListener()或attachEvent()添加的匿名函数无法移除。 二、ie6-ie8中,使用

  • 本文向大家介绍JavaScript中cookie工具函数封装的示例代码,包括了JavaScript中cookie工具函数封装的示例代码的使用技巧和注意事项,需要的朋友参考一下 一. 语法 1.1 获取当前页面的所有cookie: allCookies 是一个字符串,其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对)。 1.2 写一个新cookie: updatedCo

  • 本文向大家介绍JavaScript中的匿名函数和内联函数有什么区别?,包括了JavaScript中的匿名函数和内联函数有什么区别?的使用技巧和注意事项,需要的朋友参考一下 匿名函数 顾名思义,匿名允许创建没有任何名称标识符的函数。它可以用作其他函数的参数。这就是可以使用JavaScript匿名函数的方式- 另一个示例可以如下- 内联函数 一个内联 函数是一个javascript函数,其被分配给在运

  • 问题内容: Java中的封装和抽象之间到底有什么区别?任何简短的例子也将不胜感激。 问题答案: 抽象和封装是两个很好的味道,它们在一起味道很好。 封装 可以最大程度地减少向代码用户展示的内容。该“用户”可以是您代码的其余部分,也可以是使用您发布的代码的任何人。 封装有一定的好处: 代码的用户不依赖于程序中可能更改的部分。当您更改程序时,他们不必更改代码 您可以更好地控制代码和状态在程序生命周期中的

  • 在采访中,我被要求解释抽象和封装之间的区别。我的回答是大致相同的 > 抽象允许我们以最简单的方式表示复杂的现实世界。它是识别一个对象应该具备的相关品质和行为的过程;换句话说,代表必要的特征而不代表背景细节。 封装是一个从外部真实世界隐藏对象所有内部细节的过程。“封装”这个词,就像“封装”成一个“胶囊”。它限制客户端查看实现抽象行为的内部视图。 我想通过以上的回答,面试官确信了这一点,但随后我被问到