m0_52518047的博客

v-model解决父子组件之间的通信问题：（推荐）应用场景：当你给子组件提供的数据既要使用，还要修改，这个时候可以使用v-model简化v-model干了两件事情：1.通过value把article.cover.images[index]传给了子组件:value=“article.cover.images[index]”2.默认监听了input事件,当这个事件触发的时候，你传1的时候，就会把你绑的这个article.cover.images[index]改为1；你传2的时候，就会把article.

ref实现父组件访问子组件内的数据，支持访问，不支持修改（1）这是放在父组件中的子组件，现在想要访问他里边<image-list :is-show-add="false" :is-show-action="false" ref="image-list" />（2）this.$refs[‘image-list’]这样就可以把里边的数据给拿到 this.$refs['image-list']...

子组件给父组件传数据：1.首先在子组件中写出你要传的数据还有事件名称，此处是一个urlthis.$emit('update-cover', res.data.data.url)2.在父组件中接受传递的数据注册事件：@update-cover="onUpdateCover"首先事件的名称要保持一致，然后绑定好一个函数 <template v-if="article.cover.type > 0"> <upload-cover v-for="cover in a

父组件给子组件传数据：1.在父组件这里绑定上你要穿的数据：<template v-if="article.cover.type > 0"> <upload-cover v-for="(cover, index) in article.cover.type" :key="cover" @update-cover="onUpdateCover(index, $event)" :cover-image="article.cover.images[index]"