Javascript 如何使用firebase/vue.js实时生成删除函数

它成功地工作了，但我不知道如何使它与Firestore实时。我只知道当我添加一些东西时如何使其实时，正如您在下面的代码中看到的：

removeData(doc) {
  if (confirm("Are you sure ?")) {
    db.collection("projects")
      .doc(doc)
      .delete()
      .then(() => {
        console.log("Document successfully deleted!");
      });
  }
},

---

如果

this.projects

是一个数组，则可以使用以下方法从中删除删除项：

created() {
  db.collection("projects").onSnapshot((res) => {
    const changes = res.docChanges();
    changes.forEach((change) => {
      if (change.type === "added") {
        this.projects.push({
          ...change.doc.data(),
          id: change.doc.id,
        });
      }
      if (change.type === "removed") {
        //code goes here
      }
    });
  });
},

另请参阅上的MDN文档

created() {
  db.collection("projects").onSnapshot((res) => {
    const changes = res.docChanges();
    changes.forEach((change) => {
      if (change.type === "added") {
        this.projects.push({
          ...change.doc.data(),
          id: change.doc.id,
        });
      }
      if (change.type === "removed") {
        //code goes here
      }
    });
  });
},

if (change.type === "removed") {
   this.projects = this.projects.filter(item => item.id !== change.doc.id);
}