1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…

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

详细讲解了 Vue 的初始化过程都做了哪些事 ...........................

从上图可以看出，真实的DOM元素是非常庞大，这是因为浏览器的标准把DOM设计的非常复杂（一个DOM对象包含了许多属性，如上图所示）。当我们频繁地去做DOM更新，相应就会产生性能问题。 为了解决频繁操作DOM的性能问题，Virtual DOM就孕育而生了。虚拟的Virtual D…

本文将会全方位的介绍Vue3的新功能，新优化，新特性，以及升级指南。 Vue3重写了虚拟DOM的实现方法，初始渲染/更新可以提速达100%。 对于Vue2.x版本的虚拟DOM来说，Vue会遍历<template>模板中的所有内容，并根据这些标签生成对应的虚拟DOM（虚…

4 用索引index做key真的有用？ 到底用什么做key才是最佳方案。 如果遇到这些问题，大家是怎么回答的呢？我相信当你读完这篇文章，这些问题也会迎刃而解。 在vue update过程中在遍历子代vnode的过程中，会用不同的patch方法来patch新老vnode，如果找到…

能不移动，尽量不移动。不行就移动，实在不行就新建