我的firestore功能没有响应我的VUE组件挂钩功能“ beforerouteenter”。

Question

这就是我的firestore文件中的内容

import { db } from "./firebase"
import { collection, doc,onSnapshot,query} from "firebase/firestore"
import { ref, onUnmounted} from "vue"

export const uesQueryProject = async()=>{
const events =ref([])
const q = query(
  collection(db , "events")
)
const unsub = onSnapshot(q,(snapshot)=>{
  events.value=snapshot.docs.map(
    doc=>({
      id:doc.id,
      ...doc.data()
    })
  )
})
onUnmounted(unsub)
return events
} 

这是我的VUE组件试图从生命周期钩中调用的内容

  beforeRouteEnter(routeTo, routeFrom, next) {

uesQueryProject()
  .then(response => {
    next(comp => {
       console.log(response.data)
            if(response.data){
            console.log('yas')
            comp.events = response.data

            }
    
      })
  })
  .catch(() => {
    next({ name: 'NetworkError' })
  })
  

，

所以（响应.data）是空的，我不知道为什么，我尝试在“ use querquyproject”函数的侧面安装log（doc），并且在vue组件函数的一边没有响应