zglw2012's recent timeline updates zglw2012's recent timeline updates |
zglw2012V2EX member #623440, joined on 2023-04-10 13:13:50 +08:00 |
zglw2012's recent replies
Jul 11, 2024 Replied to a topic by CHS › 分享发现 › 供应链投毒后，我们的选择还剩下哪些？ |
我也以为是食用油。。。
前端已死，虽然 java 卷，但是前端更卷，而且前端天花板太低了，后悔没学 java
Sep 28, 2023 Replied to a topic by Goalonez › Vue.js › 兄弟们,问个 Vue3 reactive 的问题 |
ref 其实就是 reactive({value:_})，把 interface 直接换成 class 会简单的多，const demo = reactive(new Demo())，此时 demo 还是有代码提示的，修改的时候直接在 class 里用 method 就行了。模板绑定的时候，直接绑定 demo.id ，调用方法就在模板里写 demo.method()
Apr 20, 2023 Replied to a topic by 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