Vue使用MapState计算的语法错误

Question

我有以下代码：

 computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

基本上我正在使用Vuex，它具有mapState，但我也想定义自己的计算函数，所以我更改了

computed: mapState(["appErrors", "user", "profilesFor"])- 作品

至

computed: {
      mapState(["appErrors", "user", "profilesFor"]),
      compiledData () {
      return {
        template: `<p>${this.data}</p>`
      }
    }
  }

但这是行不通的。我该如何解决这个问题？

Answer 1

该mapState助手提供含有计算吸气剂功能的对象。

使用价差运算符可以将每个函数包括在computed对象中：

computed: {
  ...mapState(["appErrors", "user", "profilesFor"]),
  compiledData () {
    return {
      template: `<p>${this.data}</p>`
    }
  }
}