在vue2中. 通过数组索引新增元素, 如何将新增的元素渲染到和索引元素垂直显示

在Vue2中，你可以使用`splice`方法来在数组中新增元素，并且这些新增的元素会在DOM中按照索引垂直显示。

具体实现方法如下：

1. 在Vue实例中定义一个数组：

data: {
  items: ['item1', 'item2', 'item3']
}

2. 在模板中使用`v-for`指令来循环渲染数组中的元素：

<ul>
  <li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>

3. 在方法中使用`splice`方法来新增元素：

methods: {
  addItem() {
    this.items.splice(1, 0, 'new item');
  }
}

在上述代码中，`splice`方法的第一个参数表示要新增元素的起始索引，第二个参数表示要删除的元素个数，第三个参数表示要新增的元素。

当调用`addItem`方法时，会在索引为1的位置新增一个元素，并且这个元素会在DOM中垂直显示。