Vue 实现 父传子 子传父 (数据) +图片请求的三种方式

父传子

	父组件data定义一个空值,并把值传给自定义组件,
	父页面:

请添加图片描述
Vue 实现 父传子 子传父 (数据) +图片请求的三种方式_第1张图片
子页面:
Vue 实现 父传子 子传父 (数据) +图片请求的三种方式_第2张图片
Vue 实现 父传子 子传父 (数据) +图片请求的三种方式_第3张图片
保存刷新,数值即可显示

子传父

子界面
在这里插入图片描述

赋值 + 绑定方法
Vue 实现 父传子 子传父 (数据) +图片请求的三种方式_第4张图片
父界面
在这里插入图片描述
别忘定义data值
child:'asdasd',child:'asdasd',

Vue 实现 父传子 子传父 (数据) +图片请求的三种方式_第5张图片
生命方法,点击按钮即可实现数据子传父。

图片请求

随便写一个img标签

在这里插入图片描述
绑定data

直接写进src
在这里插入图片描述
先引用在声明再使用
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

你可能感兴趣的:(Vue 实现 父传子 子传父 (数据) +图片请求的三种方式)