定义ref变量
// 当你想引用一个类作为类型时,应该使用 `typeof` 关键字,除非 `addEmployee` 已经是一个类型别名或接口名称,而不仅仅是一个类。
//如果你的目的是想创建一个用于存储 `addEmployee` 类实例的响应式引用,正确的做法应该是使用之前提到的 `InstanceType`,即:
//在这段 TypeScript 代码中,`InstanceType` 是一个类型工具,它用于从构造函数类型(即类类型)中提取其实例类型。换句话说,如果有一个表示类的类型(如 `typeof MyClass`),使用 `InstanceType` 可以得到该类实例的类型。
const addEmployeeRef = ref<InstanceType<typeof addEmployee>>();
!.和??的区别
let user: User | null = getUser();
console.log(user!.name);
// 告诉TypeScript user在此处肯定有值,直接访问name
// - **注意**: 这仅影响编译时的类型检查,不会改变运行时行为。如果表达式在运行时真的是 `null` 或 `undefined`,访问属性仍然会抛出错误。
let username = null; const defaultUsername = 'Guest';
console.log(username ?? defaultUsername); // 输出: Guest
//简而言之,`!.` 主要用于类型系统层面的断言,确保代码可以编译通过,而 `??` 是一种值的合并运算,用于在运行时处理可能的 `null` 或 `undefined` 值,提供一个替代的默认值。
定义prop,emit
const props = defineProps<{
nodeData?: Depts
}>()
const emit = defineEmits<
{
(e: 'getDeptList'): void
}>()