vue3 中自定义的 hook 响应式更新丢失，已有 demo

136 天前
 zzlit

求大佬帮忙解答一下为什么 data.value 没有正常在视图更新

https://codesandbox.io/p/devbox/awesome-waterfall-9mrd5g?workspaceId=ws_8mnERbpxDK7QmBsiE3gHzk

887 次点击
所在节点    程序员
8 条回复
bojackhorseman
136 天前
你都没有调用`getDataApi`展示个屁啊
```
const { data, getDataApi } = useDemoHook();

getDataApi()
```
KouShuiYu
136 天前
看一遍 https://cn.vuejs.org/guide/reusability/composables.html 你就懂了
ultimate42
136 天前
@bojackhorseman 绷不住
Orangeee
136 天前
这是个 JS 函数问题，你在 2 个不同的地方调用了函数 useDemoHook ，外层 APP 的 getDataApi() 调用不会影响到 HelloWord 里的 useDemoHook 函数内的函数作用域变量。
zzlit
136 天前
@Orangeee 感谢...好简单的问题，我给绕进去了
mizuki9
136 天前
hook 实际上就是个普通函数，每次调用都返回新的闭包，又不是全局变量。
Track13
136 天前
你的 data 又不是指向同一个 ref ，为什么页面要变。🤣
zzlit
136 天前
@mizuki9
@Track13 是啊，因为是一坨公共逻辑，我就封装了一下，结果就出现这个，然后就开始找问题没往这方面想，真菜...

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1112355

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX