vue中父子组件双向数据绑定

父组件：

<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.***调用。