reactive+ts 空

Question

如何在ts中使用vue3语法糖(setup)里的reactive()来定义一个空数组,内容是对象

Answer 1

基于Monster 组和GPT的调写
用setup()方法和reactive()函数来定义一个空数组，内容是对象。

import { reactive } from 'vue';

export default {
  setup() {
    const myArray = reactive<Array<{ id: number, name: string }>>([]);

    // 在这里可以对 myArray 进行增删改查等操作

    return {
      myArray
    };
  }
}

用import语句导入了reactive函数，然后在setup()方法中使用reactive()函数来定义了一个名为myArray的响应式数组，其内容为对象，对象包含两个属性id和name。在定义完myArray后，可以对其进行增删改查等操作。

最后，通过return语句将myArray暴露出去，以便在模板中使用。