vue父子组件通信

这里的movies数组和message字符串，相当于是在父组件中对要传给子组件的数据做赋值或者计算等操作。

1.父传给子（在子组件中改数据）

父组件：
1.在子组件上绑定数据arrData

2.在data()中给出定义（注意数据类型）

3.对需要传给子组件的数据进行相应操作
子组件：
1.在props中给出定义
2.watch监听数据变化
3.在watch定义的方法里对数据进行操作（与子组件自己的数据进行交互）

2.子传给父（不可以在传给父组件之后修改数据）

根据情况讨论，这里是因为子组件被父组件在一个界面多次调用，为了区分开组件，设置了一个spantitle作为唯一key，然后把spantitle与方法名称匹配，通过这种方式将需要传的data传入父组件的方法。

子组件：
1.子组件$emit传值
父组件：
1.父组件定义方法（注意方法后面不要写括号）

2.方法里的data接收到子组件传过来的data，这里为了测试是否成功传过来，最好调试一下，打印data看是否是子组件要传过来的值。
父子组件传值时，父组件传递的参数，数组和对象，子组件接受之后可以直接进行修改，并且会传递给父组件相应的值也会修改。

如果传递的值是字符串，直接修改会报错。

不推荐子组件直接修改父组件中的参数，避免这个参数多个子组件引用，无法找到造成数据不正常的原因

这个很详细https://www.cnblogs.com/pangchunlei/p/11139356.html