目前在做一个多图文编辑功能，页面以（图片上传按钮 + 文本域）作为一个图文块子组件，用户可以对这个图文块进行内容编辑、增加图文块、删除图文块。
以下是子组件：

<div class="custom-block">
    <div class="custom-img-block">
        <img :src="image"/>
    </div>
    <div class="text-edit-block">
        <textarea placeholder="编辑正文...">{{text}}</textarea>
    </div>
</div>

以下是父组件

 <div class="custom-content-container">
    <span v-for="(item,index) in form.custom_contents" :key="index">
        <customer-block :image="item.image" :text="item.text" ></customer-block>
    </span>
</div>

data(){
    form:{
        custom_contents:[
            {
                image:'',
                text:''
            }
        ],
        ...
    },
    ...
}

我现在改变子组件的内容（如文本域内容），父组件的form->custom_contents的数据是不会改变的。
但是我在想是不是一定要跟子组件同步，还是说最终提交的时候再去遍历子组件获取数据（这好像就不是数据驱动了）？这里有点想不通，能同步当然是最好了，最后把form直接提交接口就行了。但是如果同步的话，应该如何辨别$emit上来的是哪个子组件实例呢？请各位大牛帮忙分析下吧！感谢！