在 JavaScript 中，Array.prototype.fill() 是一个用于填充数组的方法。这个方法将指定的值填充到从起始索引到结束索引（不包括结束索引）的数组中的每个元素。如果省略结束索引，那么它将填充整个数组。
下面是 fill() 方法的基本语法：
arr.fill(value[, start[, end]])value：用来填充数组的值。start（可选）：开始填充的起始索引，默认为 0。end（可选）：停止填充的结束索引（但不包括该索引），默认为数组的长度。
以下是一些使用 fill() 方法的例子：
// 创建一个长度为 5 的数组，并用 0 填充
let array1 = new Array(5).fill(0);
console.log(array1); // 输出: [0, 0, 0, 0, 0] // 创建一个已存在的数组，并用 'a' 填充索引 1 到 3（不包括 3）
let array2 = [1, 2, 3, 4, 5];
array2.fill('a', 1, 3);
console.log(array2); // 输出: [1, 'a', 'a', 4, 5] // 创建一个数组并用对象填充
let obj = {};
let array3 = new Array(3).fill(obj);
console.log(array3); // 输出: [{}, {}, {}]
// 注意：数组中的所有元素都是同一个对象的引用，改变其中一个对象会影响所有
array3[0].prop = 'test';
console.log(array3); // 输出: [{ prop: 'test' }, { prop: 'test' }, { prop: 'test' }] // 使用 fill() 方法填充字符串
let array4 = ['a', 'b', 'c'];
array4.fill('x', 0, 2);
console.log(array4); // 输出: ['x', 'x', 'c']请注意，当你使用对象（包括数组和函数）作为 fill() 方法的参数时，填充的是该对象的引用，而不是它的副本。因此，如果你在数组中的多个位置填充了同一个对象，并更改了该对象的一个属性，那么数组中所有该对象的引用都会显示更改。
如果你想用对象的副本填充数组，你需要提供一个函数来创建每个新对象，而不是直接使用一个已存在的对象。例如：
let array5 = new Array(3).fill({}).map((_, index) => ({ index }));
console.log(array5); // 输出: [{ index: 0 }, { index: 1 }, { index: 2 }]
在这个例子中，fill({}) 填充了数组的每一个位置都指向同一个空对象，但随后 map() 方法被用来为每个位置创建一个新的对象，每个对象都有自己独立的 index 属性。
例：
import { reactive } from 'vue'; const allVideoData = [/* 初始化你的视频数据数组 */];
const isCoverVisible = reactive(new Array(allVideoData.length).fill(false)); // 初始化与allVideoData长度相同的数组，并全部设置为falselet showCover = (index:any)=>{isCoverVisible[index] = true}
let hideCover = (index:any)=>{isCoverVisible[index] = false
}<li v-for="(item, index) in allVideoData" :key="index" @mouseover="showCover(index)" @mouseout="hideCover(index)"> <img src="../../assets/img/allOne.jpg" alt=""> <div class="imgCover" v-show="isCoverVisible[index]"> <!-- 悬浮显示的元素内容 --> </div> <!-- 其他内容 -->
</li>
)