如何将Vuex数据作为数据传递给应用程序组件?

时间:2017-09-06 22:13:36

标签: vue.js vuejs2 vue-component vuex

我知道我可以从应用程序中的组件中访问应用程序的状态,但这意味着该组件不是通用/独立的,它依赖于父级的数据/状态结构,我认为这是错误的。

所以我想知道我是否可以以某种方式将组件所代表的状态的选定部分传递给组件作为其数据(props?),而组件不知道它来自父状态以及何时更新数据app'đ州将通过该组件反映这一点。

因此,例如,如果我的应用程序的状态包含带有'fields'的数据,并且其每个值代表一个表单文本字段,我将为每个数据库构建一个循环来创建输入组件并从这些'字段'传递/连接数据项目进入组件。组件不知道数据来自何处,或者它只代表整个应用程序的一小部分。该组件仅在其自己的上下文中处理数据。

1 个答案:

答案 0 :(得分:0)

尝试一下:

data() {
   return { testing: [] }
}
beforeMount () {
 this.testing = this.stateTesting
},
computed: {    
   stateTesting () {
      return this.your_state_here
   }
}