V2EX › zglw2012 的所有回复 › 第 1 页 / 共 1 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

194 天前

回复了 mxiangyu 创建的主题 › Java › Java 行情

前端已死，虽然 java 卷，但是前端更卷，而且前端天花板太低了，后悔没学 java

234 天前

回复了 Goalonez 创建的主题 › Vue.js › 兄弟们,问个 Vue3 reactive 的问题

ref 其实就是 reactive({value:_})，把 interface 直接换成 class 会简单的多，const demo = reactive(new Demo())，此时 demo 还是有代码提示的，修改的时候直接在 class 里用 method 就行了。模板绑定的时候，直接绑定 demo.id ，调用方法就在模板里写 demo.method()

2023-04-20 17:31:25 +08:00

回复了 KevinQi 创建的主题 › 程序员 › Vue3 的组合式 API 优点是啥？

可以将业务逻辑与 vue 框架分离
class AService{
state
method(){
// ...
}
}
对接到 vue 组件的时候，可以直接使用一个 reactive 就完成了逻辑的响应式绑定：
const aService = reactive(new AService())
在模板里，需要用 state 了，就是 aService.state ，需要用函数了，就 aService.method()

也就是说，用 vue 组合式 api ，一般的项目只用一个 reactive 就够了，再大一点的项目，加个 provide 和 inject 也够了。
如果两个业务逻辑互相有依赖，可以使用构造函数传，也可以在一个业务逻辑里增加个 setBService 的方法传。

配合 ts ，维护的时候在模板里直接 F12 就跳转到对应的 ts 实现了，简直不要太快。