VueJS:是否可以将扩展运算符用于计算属性?

我只是想知道我是否可以将下面的代码做得不那么难看。

在组件中,我有一个属性person。我想person在模板中使用对象的字段,而无需在每个字段前面加上person.something. 但我知道的唯一方法是在下面。

这是我有 atm:

请把下面的代码当作一个例子,它不是真实的

{
  name: 'Demo',
  props: {
    person: {
      type: Object,
      default: {}
    }
  },
  computed: {
    firstName() {
      return this.person.firstName
    },
    lastName() {
      return this.person.lastName
    },
    age() {
      return this.person.age
    },
    gender() {
      return this.person.gender
    }
  }
}

这就是我想要的(有点):

{
  name: 'Demo',
  props: {
    person: {
      type: Object,
      default: {}
    }
  },
  computed: {
    ...this.person // <-- something like this would be better if only it would work
  }
}

一些假设

我认为这样的事情应该是可能的,因为我们有mapGettersvuex:

 computed: {
    ...mapGetters({ something: SOMETHING })
  },

以上是VueJS:是否可以将扩展运算符用于计算属性?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>