Javascript 如何使用v-for使用vue.js版本2呈现表格

我有一个如下所示的数组：

users: [
         { produk: 'Ikan',  harga: 'Rp. 10.000', dc: 'Rp. 1.000', jml:'5', kat:'kategori-2'},
         { produk: 'Buah',  harga: 'Rp. 1.000.000', dc: 'Rp. 100.000', jml:'7', kat:'kategori-2'},
         { produk: 'Sayur',  harga: 'Rp. 100.000', dc: 'Rp. 10.000', jml:'9', kat:'kategori-2'},
         { produk: 'Buah',  harga: 'Rp. 1.000.000', dc: 'Rp. 100.000', jml:'15', kat:'kategori-2'}]

我想使用vue在表格中显示它：

       <vs-tr v-for="(tr, i) in users" :key="i">
         <vs-td>
           {{ tr.produk }}
         </vs-td>
         <vs-td>
           {{ tr.harga }}
         </vs-td>
         <vs-td>
           {{ tr.dc }}
         </vs-td>
        <vs-td>
           {{ tr.jml }}
         </vs-td>
         <vs-td>
           {{ tr.kat }}
         </vs-td>

{{tr.produk}
{{tr.harga}}
{{tr.dc}}
{{tr.jml}
{{tr.kat}

---

谢谢

如果这对您不起作用，您会遇到什么错误？我附加了一个工作的JSFIDLE解决方案，它的工作原理相同，但在html表中