Vue3 hooks----实现组合式API

hooks实现将一个功能的所有数据、方法、生命周期函数放到一块去使用。

我们在src底下定义个Hooks文件夹，将我们要进行模块化的功能设置为use功能名。

例如：我要将点我加一这个功能进行hooks，则使用useSum.ts这个文件定义功能逻辑。

在这个ts里面需要export  default  函数这种写法，只能这种写法

逻辑处理完后，还需要export 模板中要用的数据和方法。如下：

在调用hooks的地方，非常巧妙的是，我们用对象进行解构代码如下：