vue3 在 template 件中引入 hook js 文件中暴露的 ref 变量，无法监听到 hook js 中对 ref 变量的修改
857681664 zshnb 2023-01-28 17:56:13 +08:00 1476 次点击这是一个创建于 994 天前的主题，其中的信息可能已经有所发展或是发生改变。
// 自定义 hook useXXX.js
const loadingRef = ref(false) async () => { loadingRef.value = true await fetch api loadingRef.value = false } 在 js 文件里都能正常 watch 到 ref 变量的变化，在 template 文件中引入
// xxx.vue
const {loadingRef} = useXXX 这里就无法监听到 ref 变量的变化了，有前端大佬知道这个是什么原因吗，要怎么才能在 template 文件中监听到这个 ref 变量的变化呢
 | 1 kingterrors 2023-01-28 18:06:23 +08:00 建议写个可运行的 demo ，比如 sandbox 。理论上不应该在模板上不响应。 |
| 2 kingterrors 2023-01-28 18:08:29 +08:00 |
 | 3 Huelse 2023-01-28 18:09:48 +08:00 有 export 吗？ |
 | 4 857681664 OP @kingterrors 好主意，我去写一个最小 demo |
| 6 Huelse 2023-01-28 18:26:06 +08:00 @857681664 那应该是使用姿势不对吧，试了下： https://codesandbox.io/s/still-wood-er46w5?file=/src/App.vue |
| 8 857681664 OP @Huelse @muzlin https://codesandbox.io/s/intelligent-cerf-pbz5xe?file=/src/App.vue ，刚写了个最小 demo ，可以看一下 console 和页面上的值变化 |
| 9 857681664 OP 绝了, demo 里又可以了，但我自己的应用就是不行，我再研究一下，感谢 2 位大佬 |
Select Language