如何访问 js 文件 VUEX 中的状态

Question

我想访问user.js 中vuex 的state 属性currentUser 以在auth.js 中使用它，但如果我写：store.state.currentUser.uid === 它将不起作用...

我得到这个错误：

无法读取未定义的属性“状态”。

代码中缺少什么？

树：

src
 store
   user
    |>user.js
    |>mutations.js
   index.js
 auth.js

user.js:

 const state = {
   profile: {},
   loggedIn: false,
   currentUser: null,
   userProfile: {}
 }

 export default {
   namespaced: true,
   state
 }

auth.js：

import store from './store'
const fb = require('./firebaseConfig.js')

fb.auth.onAuthStateChanged(user => {
 if (user) {
  fb.postsCollection.orderBy('createdOn', 'desc').onSnapshot(querySnapshot => {

  let createdByCurrentUser
  if (querySnapshot.docs.length) {
    createdByCurrentUser = store.state.currentUser.uid === 
      querySnapshot.docChanges()[0].doc.data().userId ? 'Yes' : 'No'
    console.log(createdByCurrentUser)
   }
 })
 }
})

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import user from '@/store/user'

Vue.use(Vuex)

const store = new Vuex.Store({
 state: {
   awesome: true
 },
 modules: {
  user
 }
})

export default store

Answer 1

你需要使用getters，看看doc

getters.js

export default {
  currentUser
}

function currentUser({ currentUser }) {
  return currentUser;
}

user.js

import getters from './getters'

export default {
  namespaced: true,
  state: {
    profile: {},
    loggedIn: false,
    currentUser: null,
    userProfile: {}
  },
  getters
}

auth.js

import store from './store';

const currentUser = store.getters['user/currentUser'];

因为你对模块进行了命名空间，你必须使用它的名字作为前缀来访问 getter 函数