使用vue3开发新项目的一个思考

Question

以前写的代码都是在一个组件内 script 中写了很多代码少则200+，现在vue3组合API结合hook，我觉得可以把所有功能都抽离出去写在一个个js文件中，然后导入到组件中,这样在组件内部就会出现一个个 useFetch useFeture useXxx 这样在组件内主流程一眼就明白，如果想查看某个功能的具体实现，就可以直接看该功能的 hook 这样写的项目各位怎么看?

Answer 1

Vue官方示例文档中的组合式API一节提供的例子就是用这种方式写的。叫做逻辑关注点分离

Answer 2

然后一个功能封装了10层hook，看得reviewer想打人

Answer 3

好主意，想到了就好，这样干就不必了。vue3的尴尬就是这种思路更偏向于react的代码组织思路，但是局限于其自身特点，可读性和可维护性并没有它宣称的那么好。也许vue想在大型项目上也有所作为，3只是一个探索，期待4有所突破。

回到问题本身，当你把功能独立抽离之后，后续使用时其实会产生耦合成本，所以抽离这件事是很需要经验的，最重要的时颗粒度、复用性、完整性和依赖问题这几个方面。

Answer 4

That's the way it is