本文详细介绍了在Vue.js中如何通过props实现父组件向子组件传递数据的方法，并解释了子组件如何通过$emit触发事件更新父组件数据或利用v-model进行双向绑定。
父组件：
<template>
<div v-for = "(widget, wIndex)" incontainer.widgets :key = "widget.data.id">
<component:editable="editable" :index="index" :wIndex="wIndex" v-model="widget.component" @wlistener="wListener"></component>
</div>
</template>
<script>
methods: {
wListener(opt)
}
</script>
子组件：
<script>
props: {
value: {
type: Object,
default: {...}
},
...
}
</script>
采用props进行父子组件传值时，props中的值在子组件中不可改变，如果值改变，则需要$emit到父组件，然后在传回子组件，或者采用v-model绑定，在子组件中使用this.value.***调用。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
