组件传值(通信)方式
父传子
1.props:
父组件通过v-bind绑定数据传给子组件
子组件通过props来接收
props不能修改
2.子组件直接使用父组件的数据
子组件通过:this.$parent.xxx来获取父组件的数据
这种方式可以直接修改父组件的数据
3.依赖注入
优势:父组件可以直接向所有子组件注入数据
子传父
1.子组件传值给父组件:
子组件定义自定义事件:this.$emit
2.父组件直接拿到子组件的数据
<List ref="listRef" />
this.$refs.listRef.xxx 这个方法可以直接更改子组件的数据
平辈之间传值
通过eventBus全局事件总线