一步步快速掌握Vue组件间通信看这篇文章就够了!

在 Vue 中,每一个组件都是独立的一个存在,如果需要组合使用这些组件,必然会将组件间的数据相互关联在一起,这种就叫做组件间的通信。例如: 有两个组件(A,B),在 B 组件中需要使用A 组件的数据,又或者在 A 组件中需要用到 B 组件的数据,类似于这种场景就会涉及到组件间的通信,也可以叫做数据传递! 创建组件 要想做通信这个事情,首先要有两个组件,下来我们就创建一下吧,后续内容我们会在此基础上进行修改。 首先我们需要创建一个 Vue 实例,可以把这个实例当做是 父组件 const vm = new Vue({ el: '#app' }) 然后我们还需要一个子组件,这里就创建