vue组件之间数据不一样如何显示？

Question

问题描述

例如说a组件有个组件叫做user b组件又有一个user 但是里面显示的图片数据等等是不一样的，如何解决

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

数据由ab传给user，

Answer 2

这属于父组件给子组件传值 子组件props接收

Answer 3

1.用不同的变量名来区分a和b组件,传递给父组件
let param= {};
param.action = 'a';(b组件换成'b')
param.data = a组件的数据;(b组件换成b组件的数据)
$emit('data',param);
2.父组件接收a和b组件传递过来的数据
<vue-a @data = "getData">
<vue-b @data = "getData">
getData(param) {
  switch(param.action) {
    case 'a':
      // 获取到a组件的数组,param.data,进行下一步操作
      break
    case 'b':
      // 获取到b组件的数组,param.data,进行下一步操作
      break
  }
}