如何将Firestore监听程序从我的vuex操作中分离？_我无法将数据从firestore放入我的应用程序中_promise中的then()总是被执行，它在Vue组件中，即使我在Vuex操作中从catch()中得到错误也是如此 - 腾讯云开发者社区

将Firestore监听程序从Vuex操作中分离的方法有多种，以下是一种常见的做法：

创建一个独立的文件，用于处理Firestore的监听和数据更新逻辑，例如命名为firestore.js。
在firestore.js中引入Firestore库，并初始化Firestore实例。根据你的需求，可以选择使用腾讯云的云数据库（TencentDB for MongoDB）或云存储（Tencent Cloud Object Storage）等相关产品。
在firestore.js中编写监听程序，用于监听Firestore中的数据变化。可以使用Firestore提供的onSnapshot方法来实现实时监听。
在firestore.js中编写数据更新的方法，例如添加、修改、删除数据等操作。可以使用Firestore提供的相应方法来实现。
在firestore.js中导出监听程序和数据更新方法，以便在其他地方引用。

示例代码如下：

// firestore.js

import firebase from 'firebase/app';
import 'firebase/firestore';

// 初始化Firestore实例
const firebaseConfig = {
  // 配置你的Firebase项目信息
};

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

// 监听程序
const startListening = (callback) => {
  return db.collection('your-collection').onSnapshot((snapshot) => {
    const data = [];
    snapshot.forEach((doc) => {
      data.push({ id: doc.id, ...doc.data() });
    });
    callback(data);
  });
};

// 数据更新方法
const addData = (data) => {
  return db.collection('your-collection').add(data);
};

const updateData = (id, newData) => {
  return db.collection('your-collection').doc(id).update(newData);
};

const deleteData = (id) => {
  return db.collection('your-collection').doc(id).delete();
};

export {
  startListening,
  addData,
  updateData,
  deleteData
};

然后，在你的Vuex操作中，可以引入firestore.js中的方法来处理Firestore的监听和数据更新逻辑。

// store.js

import Vue from 'vue';
import Vuex from 'vuex';
import { startListening, addData, updateData, deleteData } from './firestore';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    data: []
  },
  mutations: {
    setData(state, data) {
      state.data = data;
    }
  },
  actions: {
    startFirestoreListening({ commit }) {
      const unsubscribe = startListening((data) => {
        commit('setData', data);
      });
      // 可选：将unsubscribe函数保存在state中，以便在需要停止监听时调用
      // state.unsubscribe = unsubscribe;
    },
    addFirestoreData(_, data) {
      return addData(data);
    },
    updateFirestoreData(_, { id, newData }) {
      return updateData(id, newData);
    },
    deleteFirestoreData(_, id) {
      return deleteData(id);
    }
  }
});

export default store;

通过以上的分离，你可以在Vuex中专注于状态管理和业务逻辑，而将Firestore的监听和数据更新逻辑放在独立的文件中处理，提高代码的可维护性和可扩展性。

请注意，以上示例代码中使用的是Firebase的Firestore，你可以根据自己的需求选择适合的云数据库产品。另外，示例代码中的your-collection需要替换为你实际使用的集合名称。