前端Hooks

144 阅读1分钟

1、什么是hooks

行业所熟知的用语:系统运行到某一时期时,会调用被注册到该时机的回调函数。

 react ,一般以 “use” 作为开头的方法,它们提供了让你可以完全避开 class式写法,在函数式组件中完成生命周期、状态管理、逻辑复用等几乎全部组件开发工作的能力。

 vue ,在 vue 组合式API里,以 “use” 作为开头的,一系列提供了组件复用、状态管理等开发能力的方法。

2、命名规范

use开头,遵循一个假设,两个只在

一个假设:假设以use开头的方法函数都是hooks 第一个只在:react中,只在函数式组件中使用hooks,vue只在setup中使用 第二个只在:只在顶层使用hooks,不在循环、条件中使用hooks

3、为什么使用hooks

替代mixin!mixin有许许多多的问题。

1)、难以追述方法和属性

2)、属性方法之间相互覆盖

3)、代价大,混入了一些我们不需要的属性