我们如何在路由更改时使用vuefire重新获取数据？

npm install vuefire firebase

import Vue from 'vue'
import { firestorePlugin } from 'vuefire'
import firebase from 'firebase/app'
import 'firebase/firestore'

Vue.use(firestorePlugin)

// 初始化Firebase
firebase.initializeApp({
  // 在这里添加你的Firebase配置
})

import { db } from '@/firebase' // 引入Firebase实例

export default {
  data() {
    return {
      posts: []
    }
  },
  computed: {
    // 监听路由变化，并重新获取数据
    reloadPosts() {
      const routeId = this.$route.params.id // 假设我们的路由参数是id
      const postsRef = db.collection('posts').where('id', '==', routeId)

      // 使用vuefire绑定数据到posts数组
      this.$bindFirestoreRef('posts', postsRef)

      return this.posts
    }
  },
  created() {
    this.reloadPosts() // 初始化时加载数据
  }
}