vue 调动导入到另外一个表格

如果你想将一个 Vue 组件中的数据导入到另外一个表格组件中，可以采用以下方法：

1. 在父组件中定义一个数组作为数据源，并将其传递给子组件：

<template>
  <div>
    <my-table :data="tableData"></my-table>
  </div>
</template>

<script>
import MyTable from './MyTable.vue'

export default {
  components: {
    MyTable
  },
  data () {
    return {
      tableData: [
        { name: '张三', age: 18 },
        { name: '李四', age: 20 },
        { name: '王五', age: 22 }
      ]
    }
  }
}
</script>

2. 在子组件中接收传递过来的数据，并在表格中显示：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="(item, index) in data" :key="index">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Array,
      required: true
    }
  }
}
</script>

这样，就可以将父组件中的数据源传递给子组件，并在子组件中显示出来。如果需要修改数据，可以在父组件中修改后再传递给子组件。