@
MartinAgerAdams 看了上面那么多名词，感觉好累啊， 不如来用我写的 vue3-oop(
https://github.com/agileago/vue3-oop) vue3 + tsx + di(类似 angular)的，完全没有任何选择困难症，需要共享状态了，就直接从上层服务注入状态，我都没明白为啥会出现这么多状态管理库？ 共享状态本质上不就是要解决 2 个问题么，
1. 跨组件使用同一状态
2. 状态与状态之间有依赖
- 针对第一个问题无非就是下层组件要使用上层组件的状态，直接依赖注入进去
- 第二个问题，解决依赖关系最经典的就是依赖注入容器了，把容器加进去不就解决了？
贴个简单的代码：
```tsx
// 共享状态以及状态依赖
@
Injectable()
class S extends VueService {
constructor(private s2: S2) {
super()
}
@
Mut() count = 1
removeAge() {
this.s2.age--
}
}
// 被依赖服务
class S2 extends VueService {
@
Mut() age = 18
}
// 父组件
@
Component()
class Parent extends VueComponent {
constructor(private s: S) {
super()
}
render() {
const { s } = this
return (
<div onClick={() => s.count++}>
{s.count}
<Child></Child>
</div>
)
}
}
// 子组件
@
Component()
class Child extends VueComponent {
constructor(@SkipSelf() private s: S) {
super()
}
render() {
const { s } = this
return <div onClick={() => s.count++}>{s.count}</div>
}
}
```