Vue3 hooks----实现组合式API
hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。
我们在src底下定义个Hooks文件夹,将我们要进行模块化的功能设置为use功能名。
例如:我要将点我加一这个功能进行hooks,则使用useSum.ts这个文件定义功能逻辑。
在这个ts里面需要export default 函数这种写法,只能这种写法
逻辑处理完后,还需要export 模板中要用的数据和方法。如下:
在调用hooks的地方,非常巧妙的是,我们用对象进行解构代码如下:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步