Vite 给人一种又快又慢的感觉，快主要体现在 DevServer 的启动和热更新上，但随之带来的问题是，首屏性能不好以及页面加载时间长的问题。那为什么 Vite 的首屏性能不是怎么好呢？

keep-alive怎么缓存组件的，是性能优化常见的一点，面试中我们怎么去回答比较好，缓存可用keep-alive，说一下它的作用与用法、使用细节，如缓存指定/排除、更新activated、原理阐述

如果你用了官方组件keep-alive，那么如何在合适的时机销毁掉缓存（设置最大缓存数无疑是一个简单却不怎么有效的方案），如何在缓存中创建两个相同组件的缓存实例，将会是两个不可避免的问题。 如果不做处理，keep-alive会把页面A缓存，再次进入页面A时不会创建新的Vue实例…

keep-alive 是一个抽象组件，不会和子组件建立父子关系，也不会作为节点渲染到页面上。 能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 避免反复渲染影响页面性能，同时也可以很大程度上减少接口请求，减小服务器压力。 能够进行路由缓存和组件缓存。 created-…

以一个记账项目举例，常见的场景有首页、记到账页面、选择合同、新建合同、选择客户、新建客户这些页面。 在这些页面中，很显然，用户的浏览行为应该是逐渐深入的，通俗得讲就是浏览页面在不断前进。 一. 用户前进时，总是进入新的页面。（比如在合同列表页反复加载多次列表之后，进入其中一个合…

本文主要围绕这两个问题探讨，后文用问题一和问题二指代。 当随着业务逻辑变得复杂，路由栈也逐渐升高，理论上用户可以无限的路由下去，不可避免的我们需要管理这些缓存在内存中的页面数据，页面数据包含两部分，Vue实例和对应的Vnode。查看 Vue 源码中src/core/compon…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

Vue 生命周期这种烂大街的问题为什么还在问？当然是考察你的熟练度、深度、你的知识面，还有学习能力，你说是吗？