父组件：
<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.***调用。