vue 数组

作者：冰残°零度伤发布日期:2026-03-15 浏览:66

// Vue 数组示例代码

// 引入 Vue
import Vue from 'vue';

// 创建一个 Vue 实例
new Vue({
  el: '#app',
  data: {
    // 定义一个数组
    items: ['苹果', '香蕉', '橙子']
  },
  methods: {
    // 添加新元素到数组的方法
    addItem(newItem) {
      this.items.push(newItem);
    },
    // 删除指定索引的元素
    removeItem(index) {
      this.items.splice(index, 1);
    }
  }
});

// 解释说明：
// 1. `items` 是一个包含水果名称的数组，初始值为 ['苹果', '香蕉', '橙子']。
// 2. `addItem` 方法用于向数组中添加新元素，使用 `push` 方法将新元素添加到数组末尾。
// 3. `removeItem` 方法用于从数组中删除指定索引的元素，使用 `splice` 方法根据索引删除一个元素。

上一篇：vue3 h函数

下一篇：vue3 ref获取dom