vue之push() pop() shift() unshift() splice() sort() reverse()等等

在Vue中，直接使用JavaScript数组的方法可以触发视图更新。但是，Vue提供了一个响应式的数组方法$set，可以用来给数组添加一个元素，或者更新数组中特定索引的元素。

以下是在Vue中使用这些数组方法的示例：

new Vue({
  el: '#app',
  data: {
    items: ['apple', 'banana', 'orange']
  },
  methods: {
    // 使用 push 添加元素
    addItem: function(item) {
      this.items.push(item);
    },
    // 使用 pop 删除最后一个元素
    removeLastItem: function() {
      this.items.pop();
    },
    // 使用 shift 删除第一个元素
    removeFirstItem: function() {
      this.items.shift();
    },
    // 使用 unshift 添加元素到数组开始位置
    addItemToBeginning: function(item) {
      this.items.unshift(item);
    },
    // 使用 splice 添加或删除数组中的元素
    spliceItems: function(index, removeCount, item) {
      this.items.splice(index, removeCount, item);
    },
    // 使用 sort 对数组进行排序
    sortItems: function() {
      this.items.sort();
    },
    // 使用 reverse 颠倒数组元素的顺序
    reverseItems: function() {
      this.items.reverse();
    }
  }
});

在这个例子中，每个方法都是在Vue实例的methods对象中定义的，并且可以在模板或其他Vue实例的方法中调用。注意，在Vue中直接使用这些数组方法时，视图会自动更新，但如果你是在非Vue管理的数组上操作，可能需要手动触发视图更新。