从vuex存储中打印组件上的firebase错误(获取错误以便稍后使用i18n进行翻译)

import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getFirebaseError']),
  },
  // 其他组件代码
}

<template>
  <div>
    <p v-if="getFirebaseError">{{ getFirebaseError }}</p>
    <!-- 其他模板代码 -->
  </div>
</template>

// store.js
export default new Vuex.Store({
  state: {
    firebaseError: null,
  },
  getters: {
    getFirebaseError: state => state.firebaseError,
  },
  mutations: {
    setFirebaseError(state, error) {
      state.firebaseError = error;
    },
  },
  // 其他store配置
});

// 使用firebase的代码
firebase
  .auth()
  .signInWithEmailAndPassword(email, password)
  .catch(error => {
    // 打印错误信息
    console.error(error);
    // 将错误信息存储到vuex中
    this.$store.commit('setFirebaseError', error.message);
  });