从Vue-Typescript导入状态（由javascript开发）

Question

我的项目是由Vue js开发的，并且它的存储库是由javascript开发的，并且我集成了由vue-typescript开发的新组件，并且该组件中的所有脚本都是由typescript开发的。

要导入状态变量，我尝试了两种方法

使用Vuex

import { mapGetters, mapState, mapActions, mapMutations, createNamespacedHelpers } from 'vuex'

@Component({
  computed: {
    ...mapState([
      'allowedUrls'
    ])
  }
})

这种情况下this.allowedUrls未定义错误

使用Vuex-Class

import { State } from 'vuex-class'
@State allowedUrls: string[]

在这种情况下， this.allowedUrls始终是未定义的

我该如何解决这个问题？

Answer 1

不能完全确定您的代码出了什么问题，但是我以略有不同的方式执行了相同的操作，并且可以正常工作：

import { mapState } from 'vuex';
import RootState from '@/store/rootState';

@Component({
  computed: mapState({
    userFullName: (state: RootState) => state.user.fullName,
    userEmail: (state: RootState) => state.user.email
  })
})

RooState是我的vuex状态类。 我正在使用vue 2.5.17和vuex 3.0.1。