vue 子組件 分別被不一樣的父組件使用，里面的接口數(shù)據(jù)也是不一樣的，應(yīng)該怎么渲染同一個(gè)html呢？ 提供復(fù)用性

<slot>

你是想父組件字段不一樣，而子組件都能渲染吧。
那只能分開傳props了。
比如

<template>
  <div>{{val}}</div>
</template>
// 
props: ['val']

假設(shè)子組件叫Item
一個(gè)父組件

<Item v-for="(item, index) in itemList" :val="item.name">

另一個(gè)父組件

<Item v-for="(list, index) in listArr" :val="list.user">

說的不是很清晰的感覺，如果你是想父子都使用一個(gè)數(shù)據(jù)，那就父組件得到組件后用props傳遞給子組件讓它調(diào)用就可以了啊

那就把字段也傳給子組件。
比如兩組不同數(shù)據(jù)

let arr1 = [{name: 'arr1'}, {name: 'arr-1'}];
let arr2 = [{user: 'arr2'}, {user: 'arr-2'}];

子組件里寫
{{item[name]}}
其中name是父組件傳遞過去的，可以是name，也可以是user。具體按照實(shí)際需求來。

當(dāng)然也可以對(duì)arr2做map操作。

let arr3 = arr2.map(el => {
    return {
        name: el.user
    }
});
console.log(arr3);
// [{name: 'arr2'}, {name: 'arr-2'}];