肯定上 taro 啊，原生小程序那种烂语法实在不想看 我这里弄了个 vue3+tsx+taro 的模板，你可以试试爽不爽

https://github.com/agileago/vue3-taro

不得不说，vue3 对面向对象的支持太棒了

@wunonglin 来用 vue3-oop https://github.com/agileago/vue3-oop ts 支持完美，即享受到 tsx 的便利又有响应式自动精准更新，再加上自动化的依赖注入(类似 ng,但简化)处理全局状态，无需再去寻找各种库，更深的是，假如你有 nestjs 的架构经验，同样可以用在前端，使整个项目结构更清晰易懂, 装饰器真是个好东西

<script src="https://gist.github.com/agileago/211f80caa8bb7721e24943777d602dad.js"></script>

@sjhhjx0122 感觉好烦琐啊，对比一下我的

@96412hj 哈哈，我觉得还好吧，就借鉴了一下依赖注入处理状态共享，其他和 angular 差距挺大的，基本已经做到了足够简单了

来试试 https://github.com/agileago/vue3-oop 让你摆脱选择困难症

@sciel 这就没意思了

@sciel 你别用 goto,goto 本来就是强烈不建议使用的，再说 js 里面就没有 goto, 你写一个无 goto 的版本看看

@sciel 实际代码从 28 行开始，18 行完成了完整逻辑，还啰嗦？

@sciel 来个 js 版的

<script src="https://gist.github.com/agileago/b96cb1e5c52a66f75b093c8dd3ffd337.js"></script>

@LiuJiang 都是 vdom ，性能比 react 好点，但没模板高

@bthulu 你不用不代表你用，据我所知后端 nodejs 新开项目大部分选择 nestjs

@bthulu 那 nestjs 和 typeorm 直接撞墙吧，还有 stencil ，angular 等一大堆

@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>
}
}
```

express,koa,eggjs 写完会让你产生在写玩具的感觉，很脆弱，现在写 Node 后端无脑 nestjs

https://coding.net/ 仔细看了，和 coding 做的有一部分重合 这是他的演示项目，https://devops.coding.net/p/qmall 你这个确实可以取代内部 gitlab ，真棒