请问一个关于 vue3 和 typescript 的两个非常基础的问题

都是基础的问题，不过怎么查也没有查到想要的答案，还请各位大佬轻喷

问题一

假设我有一个 ts 对象接口，然后我初始化了一个 reactive
这里我并没有使用?（可选属性）因为我知道所有的属性都是必要的

 interfce TEST { id: number name: string } let test = reactive<TEST>() // 报错 

我知道没有用可选属性就必须初始所有的属性，所以报错
但是假如这是一个拥有大量属性的对象，那我也必须初始所有属性？
比如一个 vue 文件有 2 个 reactive ，一个包括 20 个属性，全部初始化出来感觉很占地方
请问有没有什么小技巧之类的方法？

问题二

还是上面的接口，我初始化了 reactive
这里面我给了数字类型的 id 一个初始值 0

 let test = reactive<TEST>({ id: 0, name: '', }) 

初始化数字类型，必须要填入数字
请问如果我想在 id 为 0 时（初始时或者其他不需要表示的时候）不显示
只有在逻辑中判断这一种方法嘛？有没有什么 ts 的声明技巧？