Vue中創(chuàng)建數組非常簡單,只需要使用javascript原生的數組方法即可。以下是幾個常用的方法:
var arr1 = [1, 2, 3]; var arr2 = new Array(4, 5, 6); var arr3 = Array.of(7, 8, 9);
上面的代碼分別使用了常規(guī)數組創(chuàng)建方法、構造函數以及ES6的Array.of()方法創(chuàng)建了三個數組。
除了常規(guī)的數組創(chuàng)建方法,Vue也提供了一些輔助方法來操作數組:
var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; // 將arr2添加到arr1后面 arr1.push(...arr2); console.log(arr1); // [1, 2, 3, 4, 5, 6] // 從arr1中刪除最后一個元素 arr1.pop(); console.log(arr1); // [1, 2, 3, 4, 5] // 從arr1中刪除第一個元素 arr1.shift(); console.log(arr1); // [2, 3, 4, 5] // 在arr1的第二個位置插入一個元素 arr1.splice(1, 0, 'inserted'); console.log(arr1); // [2, 'inserted', 3, 4, 5] // 將arr1的后三個元素截取出來 var arr3 = arr1.slice(-3); console.log(arr3); // [3, 4, 5] // 將arr1的元素順序反轉 arr1.reverse(); console.log(arr1); // [5, 4, 3, 'inserted', 2]
上面的代碼演示了一些常見的數組操作方法。使用這些方法可以輕松地對數組進行增刪改查等操作。最后,需要注意的是,Vue的數據綁定是響應式的,即當數組被改變時,視圖也會自動更新。