但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

尤大发布vite也有段时间了， 看着vite发展如此迅猛， 我左思右想 决定还是蹭波热度。在上一篇vue3尝鲜中， 调试项目的过程有点繁琐， 接下来咱们就一块看看怎们用vite来学习vue3， 并分析一下 vite 他到底帮咱们干了些什么事。 都知道vite🐂🍺， 那到底怎…

路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样 简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 1. hash 模式 随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器…

本文github仓库代码地址，欢迎star，谢谢。 从运行结果来看，运行正常，没有问题。接下来看看一步一步实现的过程: 一. 完成最简单的通过vuex定义全局变量，在任何一个页面可以通过this.$store.state.count可以直接使用 二. vuex中的getter方…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

作为《Vue组件库工程探索与实践》系列文章开篇之作，我们从“盘古开天地”说起吧。 从当年的静态页面到如今的 Web App，前端工程越来越复杂，对于一个稍大些的前端项目来说，代码都写在一起难以维护，团队分工协作也成问题。根据软件工程领域的经验，解决这些问题的一个可行思路就是代码…

一个组件库通常有数十个组件，随着版本迭代组件数量还可能进一步增加。组件库文件的体积也随之膨胀，动辄几百KB。而我们的业务项目中，有可能只用到了这个组件库的少数几个组件，这时把整个组件库打包进去，非但没有必要，还会徒增项目构建文件的体积，这与应用性能优化的方向是背道而驰的。因此，…

在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…

单元测试是软件工程领域的一个重要概念，指对软件中的最小可测试单元进行检查和验证，它是代码正确性验证的最重要的工具。单元测试也是组件库实现自动化测试与集成的基础。 单元测试会封闭执行最小化单元的代码，使添加新功能和追踪问题更容易。对代码进行单元测试有很多好处： 前端小伙伴们对单元…