我在做项目的时候，有一个需求，在离开（跳转或者关闭）购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。 将提交的异步操作放到 beforeDestroy 钩子函数中。 但是发现 beforeDestroy 只能监听到页面间的跳转，无法监听到页面刷新和关闭标…

前言 很多面试时都会问到关于浏览器兼容问题，正好最近在看webpack打包，那就在这里记录一下我们如何通过webpack来实现兼容。

本文学习VueRouter4源码的基础部分，基于release版本v4.0.8，内容包括了如何创建VueRouter实例对象、如何创建history对象、对routes配置做了哪些处理。

前言 keep-alive概念 属性： include 只有名称匹配的组件会被缓存🙄(名称指的是组件中定义的name)。 exclude。任何名称匹配的组件都不会被缓存🧵。 max。最多可以缓存多少组

Vue3 为了运行时的性能优化，在编译阶段也是下了不少功夫，在接下来的系列文章中，我们一起去了解 Vue 3 编译过程以及背后的优化思想。

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 state, getter 和 ac

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

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件。 如果未使用keep-alive组件，则在页面回退时仍然会重新渲染页面，触发created钩子，使用体验不…