如何设置不带值的数字类型变量

Question

我有一个简单的Vue应用程序，我在其中设置组件中某个值的循环索引：

export default class MovieSearchResultList extends Vue {
imagePath = 'https://image.tmdb.org/t/p/w45';
public hover = -1;
public hoverEvent(index: number) {
this.hover = index;
}
}
<template>
<ul id='movieSearchResultList'>
<li
v-for='(movie, index) in searchList'
v-on:mouseover='hoverEvent(index)'
v-on:mouseout='hoverEvent()'
:key='movie.id'>
<AddMovieToDashboard v-if='hover === index' />
</li>
</ul>
</template>

我不喜欢必须在值-1上启动public hover，0将是列表中的第一个元素。

如果我创建这样的悬停变量：

public hover: number;

我得到：

属性"hover"没有初始值设定项，并且在构造函数中没有明确赋值。

Answer 1

您可以表示它也可以是undefined(如果您愿意，也可以是其他值(。

使用undefined:的示例

public hover: number | undefined;

使用其他值(例如：null(的示例：

public hover: number | null = null;