【问题标题】：pass prop value to computed properties inside a component将 prop 值传递给组件内的计算属性
【发布时间】：2020-02-28 14:50:43
【问题描述】：

在组件内的计算属性函数中使用 prop 值是否可能/良好做法？如果是这样，我如何用这个道具建立回报？

Carousel.vue

props: [
  'source',
],
computed: {
   items () {
     return this.$store.state.(prop value source here).list
   }
}

store/categorya.js （categoryb和categoryc一样）

import categorya from '(...)'
export const state = () => ({
  list: categorya
})

更新

Index.vue

carousel(source="categorya")
carousel(source="categoryb")
carousel(source="categoryc")

【问题讨论】：

【解决方案1】：

这个问题有点不清楚。如果 source 指定了 Vuex 模块名称，您可以使用括号表示法：

computed: {
  items () {
    return this.$store.state[this.source].list
  }
}

编辑后

仍然不清楚，但如果没有模块并且list 是根状态的属性，那么您只需使用：

computed: {
  items () {
    return this.$store.state.list
  }
}

list 首先由名为categorya 的导入定义这一事实没有任何区别。它仍然是唯一可用的状态，它的名称只是 list。

【讨论】：