本文将用轻松的方式向你展示如何用 Vue.js 封装一个虚拟滚动列表组件，让你的应用轻松应对大量数据展示，提升滚动性能。

背景 使用uniapp开发微信小程序，有两种方式： 使用 HBuilderX 搭建小程序 使用 vue-cli 搭建小程序 当项目开发完成后，需要打包上传小程序代码： HBuilderX 搭建的项目，

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

我们阅读源码的原因是什么？无非是1：学习；2：更好的使用这个库。如果只是想大致的了解下原理，倒不必花时间阅读源码，几句话，几张图就能搞清楚，网上搜搜应该就有很多。因此，阅读源码的过程一定是要对不明白的地方深入了解，肯定是很费时间的。 在这过程中，有些知识点，跟库本身可能没什么关…

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！

📍前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。 在下面的文章中，将地板式地扫

提示：本文包含vue3版本的源码分析 Vue3新特性 组合式API（composition API） 为什么使用composition API options API的组件，比如在A组件中定义了B/C

很喜欢`‘万变不离其宗’`这句话，希望在不断的思考中找到`Vue`中的`宗`，来解答面试官抛出的各种`Vue`问题，一起加油~

不知道大家有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？” 今天咱们就来全面盘点一下 ref、reactive ！