vue 对象转数组

作者：我在坚强也需要有人疼发布日期:2025-08-09 浏览:26

// 示例代码：将 Vue 对象转换为数组

// 定义一个 Vue 实例，其中包含一个对象
new Vue({
  el: '#app',
  data: {
    userInfo: {
      name: 'Alice',
      age: 25,
      city: 'Beijing'
    }
  },
  computed: {
    // 使用 Object.entries 将对象转换为键值对数组
    objectToArray() {
      return Object.entries(this.userInfo);
    }
  }
});

/* 解释说明：
1. `Object.entries()` 方法会返回一个给定对象自身可枚举属性的键值对数组。
2. 在这个例子中，`userInfo` 是一个对象，通过 `Object.entries(this.userInfo)` 将其转换为一个二维数组，每个子数组包含键和值。
3. 转换后的结果类似于 `[ ['name', 'Alice'], ['age', 25], ['city', 'Beijing'] ]`。
*/

上一篇：vue 生成uuid

下一篇：vue3 ts开发