如何使用 ts 在 vue3 中将 ref 数据定义为类类型

【问题标题】：how to define ref data as class type in vue3 with ts如何使用 ts 在 vue3 中将 ref 数据定义为类类型
【发布时间】：2021-08-23 20:29:31
【问题描述】：

我想用 ref 创建一个类。可以作为类实例，可以被.调用

在我的 ts 文件中

export default declare class Cropper {
  ....
}

在我的 vue3 文件中

const cropper =ref<Cropper||undefined||null>()

但它不起作用

【问题讨论】：

【解决方案1】：

TypeScript 中 | 联合类型的语法与 JavaScript 中的 ||（逻辑 OR）不同。

应该是：

const cropper = ref<Cropper|undefined|null>()

【讨论】：