vue.js - Vue使用MapState计算的语法错误

我有以下代码:

 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>`
      }
    }
  }

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

最佳答案

mapState helper提供了一个包含计算得到的 setter/getter 功能的对象。

使用spread operator将每个函数包括在computed对象中:

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