当我们在做文件预览功能时，往往会遇到一种糟糕的情况。 就是每预览一种类型的文件，就需要重新安装、配置、编写一个新的库来实现，很麻烦，也很繁琐。 于是，我寻找了一个可以通用的预览库，来处理这个问题。

最近翻看张鑫旭大佬的博客，发现了一篇不错的文章，于是就把大佬的代码拷贝下来学习了下，作为多年前端的我居然看的不是很懂，自信息大大受打击了，于是把其中关键部分写出来，方便日后学习。

1. 学会如何用 vue3 + ts 开发一个 lazyload 组件 2. 学会 `lazyload` 图片懒加载组件其原理 3. 学会使用事件和 IntersectionObserver API

让你的 Vue 代码"学会"自动按需引入！使用 unplugin-auto-import、unplugin-vue-components 和 unplugin-icons，自动引入 api 和 组件

Vue 3 现已成为新的默认版本，这个开箱即用的模板它不香吗？编程语言选用 TypeScript 4.x 、JavaScript。框架Vue3，UI框架配置了Element Plus。支持自动按需引入

"这里我明明用了 Vue.set 设置新属性，怎么没有生效啊？" "子组件更新父组件传递的值好麻烦啊，每次都要写个事件，在父组件里面改" "从列表页跳转到详情页，再返回列表，每次页面都刷新了"

大家好，我是CUGGZ。 今天来推荐几个实用的 Vue 库！ 1. 状态管理 （1）Pinia Pinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是

目前暂6篇即01核心思想篇，02变化侦测篇（响应式篇）、03虚拟dom篇、04模板编译篇、05生命周期篇、06vue3探索篇，主要基于vue2.6和vue3.2版本源码库分析，共约2万字。

最近在看 Vue 团队成员的技术演讲，从中能了解到他们的设计思考以及最佳实践，看完一场收获颇多，里面有文档里学不到的设计思考。