这两个空值在 vue ref<HTMLButtonElement | null>(null) 中是什么意思

Question

这些null在vue-ref中的含义是什么？

const submitButton = ref<HTMLButtonElement | null>(null);

Answer 1

第一个null是类型的一部分(在尖括号之间定义)。

这意味着这个ref()的值可以是HTMLButton元素、或null。

第二个null是最初设置的ref的值。

所以submitButton是一个ref，它可以是buttonelement，也可以是null，并且当前为null。

Answer 2

当使用ref()作为反应值时，可以使用<>指定其类型

• submitButton可以有两种类型：HTMLButtonElement&null
• submitButton的初始(或默认)值是null

有关Vue反应性的更多信息https://vuejs.org/api/reactivity-core.html#ref

您可能需要查找一些基本的TypeScript概念。