vue数组添加元素

作者：昨夜的风发布日期:2025-11-06 浏览:118

// 在 Vue 中向数组添加元素

// 假设我们有一个 Vue 实例，其中包含一个数组类型的 data 属性
new Vue({
  el: '#app',
  data: {
    items: ['apple', 'banana']
  },
  methods: {
    // 使用 push 方法向数组中添加元素
    addItem: function (item) {
      this.items.push(item);
    }
  }
});

// 解释说明：
// 1. `items` 是一个数组类型的 data 属性，初始值为 ['apple', 'banana']。
// 2. `addItem` 是一个方法，它接收一个参数 `item`，并使用数组的 `push` 方法将该元素添加到 `items` 数组中。
// 3. 由于 Vue 会自动检测数组的变化，因此在调用 `addItem` 方法后，视图会自动更新以反映新的数组内容。

// 示例：调用 addItem 方法添加一个新的元素 'orange'
this.addItem('orange'); // 现在 items 数组变为 ['apple', 'banana', 'orange']

上一篇：vue获取元素的高度

下一篇：vue 单选框