VueJs - 前置到数组

Question

我正在尝试将数据添加到VueJs中的数组：

number: [

],

this.number.push({
    number: 1
})

我如何前置而不是附加？

Answer 1

不印字：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

this.number.unshift({number: 1});

您还可以传递多个参数来全部添加：

this.number.unshift({number: 1}, {number: 2});

返回值是数组的新长度：

var foo = [1];
var bar = foo.unshift(2, 3, 4);
//foo = [2, 3, 4, 1]; bar = 4;

Answer 2

Unshift是一个很好的解决方案。但是使用concat是一个不同的解决方案：

this.number = [{number: 1}].concat(this.number);

Answer 3

Vue只包含一个观察到的这种Array方法：$ heroku run rake:db:migrate $ heroku restart 。你可以使用unshift或splice。例如：

push, pop, shift, unshift, splice, sort, reverse

Answer 4

我还将在数组中添加新的前缀：

this.number = [
 { number: 1 },
  ...this.number
]