vue数据通信

[图片上传中。。。(1)]##### 1.父组件向子组件传值
父组件 :变量名="值"

vue数据通信_第1张图片
image.png

子组件 props方法接收父组件的值

vue数据通信_第2张图片
image.png

2.子组件和父组件间

子组件通过$emit,传递当然可以两个参数


vue数据通信_第3张图片
image.png

这样父组件就能监听到这个时间来触发其他事件

vue数据通信_第4张图片
image.png

3.$refs调用子组件方法

image.png
image.png

如果这个组件是v-show的没问题 v-if的就会找不到这个组件 注意!!!!!!!!!

4.父组件向子组件传值数组变化无法监听

调用push()不传参数 子组件就更新了

vue数据通信_第5张图片
image.png
vue数据通信_第6张图片
image.png
image.png

你可能感兴趣的:(vue数据通信)