$refs!: {
helloComponent: Hello
}
https://github.com/vuejs/vue-class-component/blob/master/example/App.vue
【问题讨论】：
标签： typescript vue.js
会有这样一种场景，TypeScript 认为某个属性、变量是null 或undefined。但是如果你确定这个变量不能为空，那么你可以使用这个运算符。
考虑这个例子：
let a = document.getElementById('hello');
if (a) {
a.style.width = '100px';
}
TypeScript 假定变量 a 可能为 null，因为无法保证此元素存在。因此，在您可以访问该变量之前，您已经输入了if 保护。但是如果你知道你的应用程序总是会有一个 ID 为 #hello 的 HTML 元素，那么你可以将上面的代码重写为：
const a = document.getElementById('hello');
a!.style.width = '100px';
上面的代码更易读，更简洁。在https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html 阅读更多信息
编辑：@Simon 在技术上正确的评论：具体来说，操作 x!产生一个 x 类型的值，排除 null 和 undefined。
【讨论】：
private title?: string; private num!: number; private isDone!: boolean; private isReceived!: boolean;
"Specifically, the operation x! produces a value of the type of x with null and undefined excluded."。您的回答也暗示这两个代码块是等效的。您拥有的第一个代码块更安全 - 第二个实际上可能有错误。然而，这完全取决于编译器警告 - 这是唯一的事情！确实 - 是 Typescript 已知的“调整类型”。 使用 ! 不会影响运行时代码
这是一个“明确的赋值断言”：varname !: sometype 通知 typescript 不要担心检查 varname 是否可能未分配（它告诉 typescript varname 肯定会被分配，即使 typescript 无法推断它在哪里分配）。通常打字稿会检查变量是否可能未分配，并给出错误。
【讨论】：