同样是理想的detail.ts里面,我们要做一个可回溯的功能,需要截图,并且记录时间等信息
我不仅需要导入
而且还要在每一个阶段去创建变量去
再继续在代码中写耦合代码,去赋值
然后再去做触发
这样就会导致我一个小功能让代码变得耦合,并且写的utils复用起来很麻烦复杂
这时候composition api就可以给我们去尽量解决这种高耦合的代码
使用composition api 去封装一个hooks
二次封装getPic这个工具方法
如何使用
这里使用闭包将开始时间缓存起来,当使用upload的时候就直接触发我们想要的方法,并且将quasar的Date api去内聚到hooks里面,虽然看起来还是有点耦合,相比于之前这种耦合会更加松散,对于后期的二次扩展更加有力,满足开放封闭原则,降低耦合
以上的是业务封装,composition api也可以对组件进行封装,例如高合项目useTableFixedRight,对工具进行二次封装等