Javascript 传递给vue js的html5多维输入数组

如何将输入的多维数组从html传递到vue.js以显示在表中的同一页面上。我想知道使用这个新框架是否有可能完成这样的事情。我可以使用jquery和纯JavaScript实现这一点，但对于vue.js我一无所知

在线文章没有帮助，因为它们没有触及这个主题。他们几乎没有浏览vue.js中数组的表面，尤其是多维数组。但我知道，由于这个框架是新的，所以没有太多的帮助途径

我相信你们当中有一位杰出的开发人员，以前完成过这项任务，并且愿意分享你们的代码

例如：

<div  id="app">
<input type="text" name="test[0][]">
<input type="text" name="test[0][]">
<input type="text" name="test[1][]">
<input type="text" name="test[1][]">
</div>

---

您可能会逆向思考。与其在HTML中创建数组，不如在JS中定义数组，并使用HTML以及一些Vue指令来修改该数组

你看了导游有多久了？ 在我的脑海中，我会说，您需要使用

v-for

指令，就像使用两个for循环在纯js中迭代二维数组一样

对于您可能希望在Vue中查看的输入，然后使用

v-model

指令将输入的值与js数组中定义的值同步

这里唯一的“问题”是您必须在数组中使用对象，否则

v-model

将无法修改源数组的数据

下面是一个如何完成所有这些的示例。只需在输入框中键入一些内容，您就会在其下方的区域中看到相应的更改

var example1=新的Vue({
el:“#示例”，
数据：{
表:[
[{value:1}，{value:2}]，
[{value:3}，{value:4}]，
]
}
})

{{col.value}}