vue3 compositon api 和 common下写业务逻辑的区别

发布时间 2023-11-01 14:17:38作者: 蓓蕾心晴

区别:

  • Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。
  • 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块,并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦合的逻辑非常有用。
  • 使用composition API时,可以将某个逻辑关注点相关的代码全部都放在一个函数里,这样当需要修改一个功能时,就不需要在文件中跳来跳去。这种方式的出现主要是为了解决逻辑抽象和复用的问题,使得代码更加灵活、可维护。
  • 将业务逻辑写在 common 模块中是一种代码组织的方式。它更关心的是如何将公共逻辑提取出来,使其可以在你的项目中多次使用
  • 在common文件夹下编写业务逻辑时,通常是将一些通用的逻辑或工具函数放在这个文件夹中,供其他组件使用。这样可以避免重复代码的出现,提高代码的复用性和可维护性。
  • 例如,在common组件中集成网络请求库,创建一个HttpTool工具类,负责初始化网络请求框架,定义网络请求方法,实现组装通用请求参数以及处理全局通用错误等,对于其他组件直接通过这个工具类进行网络请求就可以了。

总的来说,这两者可以结合使用。你可以在 common 模块中定义一些函数或者逻辑,然后在你的 Vue 组件中使用 Composition API 来引用和使用这些函数或者逻辑。