vue里面有六个数组多个属性怎么放到前端6个框里

你可以考虑使用 Vue.js 的数据绑定功能，将这六个数组以及对应的属性绑定到前端的六个框里。具体实现方式如下：

1. 在 Vue.js 的实例中定义六个数组，每个数组包含多个对象，每个对象包含多个属性。

2. 在前端的六个框中使用 v-for 循环遍历这六个数组，并通过 v-bind 指令将每个对象的属性值绑定到对应的框中。

3. 当你修改这六个数组或者对应的属性时，Vue.js 会自动更新前端的六个框。

下面是一个简单的示例代码：

HTML 代码：

<div id="app">
  <div v-for="item in array1">
    <input type="text" v-model="item.prop1">
    <input type="text" v-model="item.prop2">
  </div>
  <div v-for="item in array2">
    <input type="text" v-model="item.prop1">
    <input type="text" v-model="item.prop2">
  </div>
  <!-- 其他四个框的代码 -->
</div>

JavaScript 代码：

var app = new Vue({
  el: '#app',
  data: {
    array1: [
      { prop1: 'value11', prop2: 'value12' },
      { prop1: 'value21', prop2: 'value22' },
      // 其他对象的属性值
    ],
    array2: [
      { prop1: 'value11', prop2: 'value12' },
      { prop1: 'value21', prop2: 'value22' },
      // 其他对象的属性值
    ],
    // 其他四个数组的代码
  }
});

这样，当你修改某个数组或对应的属性时，对应的框里的值也会随之更新。