// 可以理解为: // 1.最后的结果是 [[]] 的数组,二阶数组数量:30 // 2.二阶数组长度 n 个 // 3.不用考虑缓存回收,30秒结束后销毁所有的数据 // 4.单个数组的重新切分为长度为 8 的新的数组 // 5.单数组长度不足8的用 null 补充 const len = 8; const data = ref([]); let index = ref(0); // 切割单个数据 const splitHeart = list => { let temp = []; const fillLen = len - (list.length % - len); list.push(...new Array(fillLen).fill(null)); list.map((item, index) => { const key = Math.floor(index / 8); temp[key] = temp[key] || []; temp[key].push(item); }) return temp } // 获取单组数据的时候丢到总的去 const getHeartData = list => { list = list || new Array(65).fill(1); data.value.push(...splitHeart(list)) } // 显示到页面的数据 // 按指针来,指针按你自己的需求设计 index // 或者按你那边预期的规则来 const showData = computed( () => data.value[index.value] )