JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
<input type="text" v-model="s">
  <table>
    <thead>
      <th>id</th>
      <th>name</th>
    </thead>
    <tbody>
      <tr v-for="p in persons">
        <td>{{p.id}}</td>
         <td>{{p.name}}</td>
      </tr>
    </tbody>
  </table>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	persons: [
	    { id: 1, name: 'Andy' },
      { id: 2, name: 'Abby' },
      { id: 3, name: 'Teresa' }
    ],
    s: ''
  },
  methods: {
  	
  }
});