vue3 中 ref 使用 ts 中的接口定义类型

在 Vue 3 中，当使用 TypeScript 结合 ref 时，可以通过接口来定义其类型。

首先，定义一个接口：

interface User {

  name: string;

  age: number;

}

然后在组件中使用 ref ：

import { ref } from "vue";



const user = ref<User>({

  name: "",

  age: 0,

});

这样，user 的类型就被明确为 User 接口定义的结构。

道可道，非常道；名可名，非常名。无名，天地之始，有名，万物之母。故常无欲，以观其妙，常有欲，以观其徼。此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。