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

不变是非常好的解决方案。但这里是一个不同的溶液中使用的concat：

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

Answer 3

Vue的包装一个仅观察到这种阵列的方法：push, pop, shift, unshift, splice, sort, reverse。您可以使用不移位或拼接。例如：

youArray.splice(0, 0, 'first item in Array');