Vue中的cache缓存，原来是这样啊

上篇文章写了arrify转数组，无论传给arrify什么样的数据都是返回一个数组，相对而言还是比较简单的。这篇文章分享一个比较有意思的东西，那就是Vue中如何实现cache缓存的。提前揭晓答案–闭包。下面我们就来手写一个吧。第一步，毫无疑问当然是我们的测试文件咯。

添加测试文件

继续使用vitest测试,想知道具体怎么操作的，可以看下专栏第一篇文章。

刚开始学习写测试，大家多提意见哈。😋

test.only("cached", () => {const fnMock = vi.fn((str) => str)const getName = cached(fnMock)const name = getName("mick")expect(name).toBe("mick")expect(fnMock).toHaveBeenCalled()expect(fnMock).toHaveBeenCalledTimes(1)const name1 = getName("mick")expect(name1).toBe("mick")expect(fnMock).toHaveBeenCalledTimes(1)
}) 

首先模拟一个函数，这个函数传入一个字符串，返回一个字符串。为什么要这么模拟呢？我们拿Vue当中capitalize首字母转大写举例