vue3如何把一个对象添加到一个数组里面，请举例说明

在Vue 3中，可以使用`push()`或者`concat()`方法将一个对象添加到一个数组中。这里提供两种方式实现：

方法一：使用`push()`方法

<template>
  <div>
    <button @click="addObj">添加对象到数组</button>
    <ul>
      <li v-for="(item, index) in objArray" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const objArray = ref([]);

    const addObj = () => {
      const obj = { name: '小明', age: 18 };
      objArray.value.push(obj);
    };

    return {
      objArray,
      addObj,
    };
  },
};
</script>

方法二：使用`concat()`方法

<template>
  <div>
    <button @click="addObj">添加对象到数组</button>
    <ul>
      <li v-for="(item, index) in objArray" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const objArray = ref([]);

    const addObj = () => {
      const obj = { name: '小明', age: 18 };
      objArray.value = objArray.value.concat(obj);
    };

    return {
      objArray,
      addObj,
    };
  },
};
</script>

以上两种方式都可以将一个对象添加到一个数组中，并在页面上显示出来。需要注意的是，如果使用`push()`方法添加对象到数组中，会改变原数组，而使用`concat()`方法则不会改变原数组。