使用VUE 2.0 和VUEX 我对如何将数据从parent 传递给child 有点困惑.
<div id="app" class="container"><div class="card" v-for="(triad, index) in triads"><div class="row"><div class="col-sm-4"><人/><div class="col-sm-4"><地方/>
<div class="col-sm-4"><设备/>
</模板>
我正在循环一个名为triads"的数组:
状态:{三合会:[{人们: []，地点:[]，设备: []}]}我想将 triad 变量发送给 <;设备/>.
如何从父模板获取内容到子模板?谢谢.
你只需要给你的子组件添加PROP，然后绑定数据.
例如
在您的子组件中(根据文档:https://vuejs.org/v2/guide/components.html#Props):
Vue.component('people', {//声明道具道具:['yourProp']，//就像数据一样，prop 可以在模板中使用//并且也作为 this.message 在 vm 中可用模板:'<span>{{ yourProp }}</span>'})你不需要 vuex 来传递数据.您需要 Vuex 在组件之间共享状态(双向).
Using VUE 2.0 and VUEX I am a bit confused about how to pass data from parent to child.
<template>
<div id="app" class="container">
<div class="card" v-for="(triad, index) in triads">
<div class="row">
<div class="col-sm-4">
<people />
</div>
<div class="col-sm-4">
<places />
</div>
<div class="col-sm-4">
<equipment />
</div>
</div>
</div>
</div>
</template>
I am looping through an array named "triads":
state: {
triads: [
{
people: [],
places: [],
equipment: []
}
]
}
I want to send the triad variable to <people />, <places /> and <equipment />.
How do I get the content from the parent template to the child template? Thank you.
You just need to add PROP to your child components and then bind data.
E.g. <people :yourProp='triad'>
In your child components (as per docs: https://vuejs.org/v2/guide/components.html#Props):
Vue.component('people', {
// declare the props
props: ['yourProp'],
// just like data, the prop can be used inside templates
// and is also made available in the vm as this.message
template: '<span>{{ yourProp }}</span>'
})
you do not need vuex to just pass data. You need Vuex to share states between components (bi-directional).
这篇关于VUE/VUEX:如何将数据从父模板传递到子模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
