vue子组件频繁向父组件传值，父组件未更新数据

子组件频繁向父组件传值，父组件未更新数据

在实际项目中，我们经常遇到这种情况就是父子组件互相通信。
举例：图片上传组件，上传多张图片时，只在页面展示第一张图片，其余不展示，这时并不是所有的数据绑定问题，而是组件通信问题，或是说组件渲染问题。
出现这样的情况，其主要原因时进入页面后子组件已经被渲染，当再次更新数据后，子组件未重新渲染导致数据没有实时更新显示。最简单的方法时在调用子组件时加上v-if，每次更新数据时，重新渲染
例：

<img-list
    v-if="show"
    @pic-list="getPicList"
    :data="picList">
</img-list>
/**
获取子组件传递的数据，更新图片列表
*/
getPicList(val) {
    this.show = false
    this.$nextTick(() => {
        this.picList = val
        this.show = true
    })
}