vue组件间的数据传递是如何实现的。(父子,子父,兄弟,爷孙组件)

父子组件通信

简述来讲:根据vue官方文档中给到两个方法,子组件的props属性用于接收父组件传递的信息,而子组件想要向父组件传递信息可以使用$emit事件
那么具体怎么使用实现呢?下面图文一步一步讲解

第一步,封装一个子组件

vue组件间的数据传递是如何实现的。(父子,子父,兄弟,爷孙组件)

第二步

子组件接收父组件的数据
vue组件间的数据传递是如何实现的。(父子,子父,兄弟,爷孙组件)

第三步

父组件引入子组件,并使用子组件
vue组件间的数据传递是如何实现的。(父子,子父,兄弟,爷孙组件)
此时父子组件之间就建立了,父子通信。