Vue中父组件App与子组件Header之间的参数传递

Vue中父组件App与子组件Header之间的参数传递

需求：
父组件App中存储着所有子组件所需数据。现需要在子组件中进行输入，使得父组件中数据相应的发生变化（添加，删除等），从而改变其他子组件的数据显示

分析：
该问题首先存在着，子组件需要向父组件传递参数的问题，使得父组件知道子组件对数据进行了什么修改。
其次，存在着父组件向子组件传递参数的问题，父组件收到参数之后需要对模板重新解析，在解析的过程中发现数据改变，此时再传递给另一个（第三个）子组件，从而使得两个子组件根据父组件中的数据进行展示。

子组件需要向父组件传递参数的问题解决步骤：

1、父组件App向子组件Header暴露，进行操作改变的函数名字，
即<MyHeader :addTodo1="addTodo" />addTodo1为子组件Header中的一个数据属性，addTodo为父组件App中对收到数据进行的操作步骤（函数）。