在 Vue 3 中,有几个常用的函数和装饰器,用于定义组件的属性、响应式数据和事件处理。以下是它们在 TypeScript 中的类型注解:
1. `ref`:
`ref` 函数用于创建一个响应式的数据引用。它接受一个初始值,并返回一个包装过的响应式对象。
类型注解:`ref<T>(value: T): Ref<T>`
示例:
import { ref, Ref } from 'vue';
const count: Ref<number> = ref(0);
2. `reactive`:
`reactive` 函数用于创建一个包含响应式属性的对象。它接受一个普通对象,并返回一个响应式代理对象。
类型注解:`reactive<T>(target: T): UnwrapNestedRefs<T>`
示例:
import { reactive, UnwrapNestedRefs } from 'vue';
interface User {
name: string;
age: number;
}
const user: UnwrapNestedRefs<User> = reactive({
name: 'John',
age: 25,
});
3. `computed`:
`comput