Vue.js从上到下添加项目

Question

我有一个代码：

<comment-form @created="add"></comment-form>

<div v-for="(comment, index) in items" :key="comment.id">
   <comment :data="comment"></comment>
</div>

在mixin中，我有方法，当事件为created时，我将处理此方法：

methods: { 
  add(item) {
     this.items.push(item);
     this.$emit('added');
  }
}

当我添加新评论时，此评论显示在下面。我该如何撤消，以及在添加新评论时，将其显示在所有评论中？

我试过：

v-for="(comment, index) in items.slice().reverse()"

但无法正常工作，但评论还是会自上而下

Answer 1

这是更新的代码：

methods: { 
  add(item) {
     this.items. unshift(item);
     this.$emit('added');
  }
}

基本上push()会在array的末尾添加元素

unshift()将在元素的最前面（第0个索引）添加元素。

splice('insertAtIndex', 0, 'stringToBeInserted')将用于在数组的特定索引处添加元素。