用Vuex [Vuex/Vuexfire]操作Firebase集合中的文档

Question

我有一个简单的问题，但我找不到答案。我使用Vuexfire从Vuex的Firebase导入数据。

const state = {
    ricettario: [] // data that contains all recipes (objects)
}
const actions = {
    // Get data from Firebase
    init: firestoreAction(({ bindFirestoreRef }) => {
        bindFirestoreRef('ricettario', db.collection('ricettarioFirebase'))
    }),
}

它工作得很完美，但我想要操作所有的收集文件'ricettarioFirebase‘。使用vue + firebase很容易，可以使用.get()和.then()

我找不到解决办法！我认为使用GETTERS是最好的方法，但我对Vuex和Vuexfire是新手，所以我不知道如何做到这一点。

特别是，我想转换这个命令(经典的firebase命令)：

db.collection("ricettarioFirebase")
      .orderBy("data")
      .get()
      .then(snapshot => {
        snapshot.forEach(doc => {
          let ricetta = doc.data();
          ricetta.data = dayjs(ricetta.data)
            .locale("it")
            .format("D MMMM YYYY");
          ricetta.diffClass = ricetta.diff.split(" ").join("_");
          this.ricettario.push(ricetta);
        });
      });

在火场。因此，更改"ricettario“中的每个对象将是"ricetta"，我想编辑"ricetta.diffClass”和"ricetta.data“。

Answer 1

正如您将在Vuexfire 文档中看到的那样

Vuexfire 不处理将数据写回Firebase，因为您可以直接使用Firebase精确地更新所需的任何内容。

文档给出了一些使用“标准”JS的例子，就像您在问题中所做的那样(“经典的firebase命令”)。因此，您必须这样做，用Vuex 行为包装数据库。