本文介绍了Vue中父组件如何通过自定义属性向子组件传递数据（父传子），以及子组件如何触发父组件方法进行数据交互（子传父）。遵循单向数据流原则，并强调了子组件不能直接修改父传数据。同时涵盖了子组件向父组件发送事件的示例。
一、父传子
如果一个组件A在组件B中导入使用，我们称组件B为父组件，组件A为子组件。父组件B通过自定义属性传递内部的数据，子组件A通过props接收数据。
首先定义一个父子组件
父组件通过自定义属性传内部的数据
子组件通过props接收数据
以此实现父传子的通信
注意在vue中需要遵循单向数据流原则
1.在父传子的前提下，父组件的数据发生变化子组件会自动更行。
2.子组件内部不能直接修改父组件传递过来的数据（props是只可读的）
二、子传父
子传父是指：从子组件内部把数据传出来给父组件使用或者修改父组件数据
在父组件中：<子组件 @自定义事件名=‘父组件中methods中的函数’ />
在子组件中：this.$emit('自定义事件名'，‘参数’)----->执行父组件中methods里的函数
图示
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
