我正在使用Vue 3脚本设置语法糖使用Nuxt 3组合API。
我有一个问题，当我的组合对象的引用返回到组件时，它不会响应。观察值没有任何影响。
请注意，我正在使用VueUse创建filedialog的不同示例（useFileDialog）。

import { useFileDialog } from '@vueuse/core'
import { ref as storageRef, getStorage, listAll, getDownloadURL, deleteObject } from 'firebase/storage'
import { useStorageFile } from 'vuefire'
import { ref, computed, watch } from 'vue'

export const useFileUpload = (props) => {
    const storage = getStorage();
    const filename = ref();
    const fileRef = ref(null);
    const selectedImages = ref([]);
    const images = ref({});
    const imagePreviews = computed(() => {
        if (images.value) {
            return Array.from(images.value).map(file => URL.createObjectURL(file));
        }
        return [];
    })

    const {
        url,
        uploadTask,
        upload,
    } = useStorageFile(fileRef)

    const { files, open } = useFileDialog()
    const { open: openMaterialer, files: materialerFiles } = useFileDialog();
    const { open: openPlantegning, files: plantegningFiles } = useFileDialog();

    watch(files, (newFiles) => {
        if (newFiles.length > 0) {
            const fileType = newFiles[0].type.split('/')[0]
            if (fileType === 'image') {
                images.value = newFiles
            }
            else return
        }
    })

    const uploadFile = async () => {
// Some upload logic here
}
        

    watchEffect(() => {
        // Confirms reactivity in composable
        console.log('materialerFiles in upload:', materialerFiles.value);
      });

    return {
        imagePreviews,
        files,
        materialerFiles,
        plantegningFiles,
        uploadTask,
        open,
        openMaterialer,
        openPlantegning,
        uploadFile,
    };
};

字符串
现在，在我的组件中，我使用了可组合（记住，可组合是自动导入的）

// files
    const { files, materialerFiles, plantegningFiles } = useFileUpload()
    
    // Watch for changes to materialerFiles
    watch(materialerFiles, (newMaterialerFiles) => {
      console.log('changed')
        userInput.value = {
            ...userInput.value,
            materialerFiles: newMaterialerFiles,
        };
    });

型
这应该从组件将'changed'记录到控制台。但什么也没发生。
我是否误解了什么，或者这是一个已知的问题。有什么解决方法或建议吗？
我希望记录应该包含的文件。

复制步骤：

1.在“composable”目录中创建一个composable
1.从vue导入useFileDialog使用和ref，watch，从vue计算
1.在可组合文件中创建文件对话框的3个示例
1.从可组合对象返回React性文件值
1.在组件中解构可组合的const {返回值在这里} = useYourComposable（）
1.观察一个或多个返回值的变化