zglw2012 最近的时间轴更新 zglw2012 最近的时间轴更新 |
zglw2012V2EX 第 623440 号会员，加入于 2023-04-10 13:13:50 +08:00 |
zglw2012 最近回复了
前端已死，虽然 java 卷，但是前端更卷，而且前端天花板太低了，后悔没学 java
217 天前 回复了 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 实现了，简直不要太快。
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 实现了，简直不要太快。
Select Language