vue 定义数组

作者：狂刀血斧发布日期:2025-10-30 浏览:43

// 定义一个 Vue 组件并初始化一个数组
new Vue({
  el: '#app',
  data: {
    // 定义一个名为 items 的数组，初始为空
    items: []
  },
  created() {
    // 组件创建时可以对数组进行初始化操作
    this.items = ['apple', 'banana', 'orange'];
  }
});

/* 解释说明：
1. `el: '#app'` 表示将 Vue 实例挂载到具有 id="app" 的 DOM 元素上。
2. `data` 是一个函数，返回一个对象，这个对象包含了 Vue 实例的数据属性。在这里我们定义了一个名为 `items` 的数组。
3. `created` 是 Vue 的生命周期钩子，在实例创建完成后会调用这个方法。在这个方法中，我们可以对 `items` 数组进行初始化赋值。
*/

上一篇：html转vue工具

下一篇：vue3 watch watcheffect