vue如何引用data.js里面的数据渲染到嵌套的表格

首先，在Vue组件中引入data.js文件，可以使用import语句：

import data from 'data.js';

接下来，在Vue组件中定义一个数据属性来存储从data.js读取的数据：

data() {
  return {
    tableData: data
  }
}

然后，在模板中使用嵌套表格的方式来渲染数据：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column label="详细信息">
      <el-table :data="scope.row.info">
        <el-table-column prop="address" label="地址"></el-table-column>
        <el-table-column prop="phone" label="电话"></el-table-column>
      </el-table>
    </el-table-column>
  </el-table>
</template>

在这个例子中，我们使用了两个嵌套的表格，其中外层表格渲染了姓名和年龄两个字段，而内层表格渲染了详细信息中的地址和电话两个字段。注意，我们使用了scope.row来获取当前行的数据，从而在内层表格中渲染对应的详细信息。

最后，我们需要确保data.js文件中的数据格式正确，以便能够正确地渲染到表格中。例如，数据可以是一个包含多个对象的数组，每个对象代表一行数据，其中包含需要渲染的字段和对应的值。