如何使用vue.js创建动态表？

npm install vue

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <table>
    <thead>
      <tr>
        <th v-for="column in columns">{{ column }}</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="row in rows">
        <td v-for="column in columns">{{ row[column] }}</td>
      </tr>
    </tbody>
  </table>
</div>

new Vue({
  el: '#app',
  data: {
    columns: ['Name', 'Age', 'Email'],
    rows: [
      { Name: 'John', Age: 25, Email: 'john@example.com' },
      { Name: 'Jane', Age: 30, Email: 'jane@example.com' },
      { Name: 'Bob', Age: 35, Email: 'bob@example.com' }
    ]
  }
});