请教一个vue3中ref的问题

Question

我有一个自定义的数据类型

export interface ICategoryFormData {
    id: number;
    cate_name: string;
    parent_id: number;
}

在页面中有一个变量formData

import { ref } from 'vue';

const formData = ref();

再我在我想给formData一个ICategoryFormData类型的默认值应该怎么做？
能想到的一个方法就是这样

const data :ICategoryFormData={
    id:0,
    cate_name:'',
    parent_id:0,
}
const formData = ref<ICategoryFormData>(data);

现在问题来了，我不想每次都初始化一个data变量,如果ICategoryFormData中字段特别多，那么我就要手写很多，很多，所以我想问下，有没有什么更简洁的方法不用初始化ICategoryFormData就能给定formData 一个默认值呢？

Answer 1

基本的都要借助断言，你可以试试这样写：

const formData = ref<ICategoryFormData>(null!) // 仍需要赋值初始化为对象
const formData = ref<ICategoryFormData>({} as any)