介绍 #

Vue hooks 受到 React hooks启发，可以让开发人员在不编写class的情况下使用状态和其他功能。

hooks 主要对模式的复用提供了一种更明确的思路：避免重写组件本身，并允许有状态逻辑的不同部分能无缝地进行协同工作。

✨ vue-hooks解决的问题 #

• 实现了mixins的功能,并解决了mixins的两个问题

  • 允许相互传递状态
  • 明确指出了逻辑来自哪里。使用hooks，函数的返回值会记录消费的值

• vue-hooks是简化组件定义、复用状态逻辑的一种最新尝试，并且结合Vue实例的特点提供了适用的Hooks

💬 Vben3 中的hooks #

在Vben3中，hooks的定义规范如下：

• modules hooks 名称使用小驼峰命名
• modules hooks 名称以 use为开头

🕸️ hooks 目录结构 #

📁hooks
┣━━📁src
   └── 📁config
   └── 📁event
   └── 📁setting
   └── 📁web
   └── 📄index.ts
   └── 📄useContext.ts
   └── 📄usePage.ts
   └── 📄usePromise.ts
   └── 📄useRefs.ts
   └── 📄useTitle.ts
┣━━ 📄index.ts