2024 已过半，还没试过在 vue3 中使用 ioc 容器吗？

Vue3 已经非常强大和灵活了，为什么还要引入 IOC 容器呢？IOC 容器离不开 Class，那么我们就从 Class 谈起

Class 的应用场景

一提起 Class，大家一定会想到这是 Vue 官方不再推荐的代码范式。其实，更确切的说，Vue 官方是不推荐基于 Class 来定义 Vue 组件。如图所示：

社区确实有几款 基于 Class 定义组件 的方案，但实际应用效果不理想，所以不被 Vue 官方推荐。这些有价值的社区实践在不同阶段给 Vue 开发带来了便利，同时也恰恰说明一个道理：

Class 不应该用在 ` 视图层 `，而是要用到 ` 业务层 `

• 以下是几款社区 Class 定义组件的方案，供参考：
  • vue-class-component
  • vue-facing-decorator
  • vue-property-decorator
  • nuxt-property-decorator

两层架构设计

在面向大型的业务开发场景中，需要两个层面的架构设计：

1. 视图层：这一层架构推荐使用