大家好，我是沐华。最近一个粉丝公司项目由 Vue2 升级到 Vue3 了，他有好多不会用的，所以我就写了这篇开发文档，包含了 Vue3 开发中使用的所有语法，助他快速上手 Vue3 项目开发

虚拟DOM算法的损耗：总损耗 = 虚拟DOM增删改+（与Diff算法效率有关）真实DOM差异增删改+排版与重绘（较少节点） 操作真实DOM的损耗：总损耗 = 真实DOM完全增删改+排版与重绘（较多）

新年第一天，开始准备春招，本文是我的前端面试复习系列的Vue篇，如有不当之处，欢迎指正，更同进步，谢谢🙏。

1.业务场景 一般我们在删除或者编辑完表格数据的时候，会再次请求接口来刷新表格的数据。如果是同时有好几个接口需要请求，那就不能再每个接口挨个去调了。我们需要使用一种比较友好的方式来实现了。 2.实现思

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。 而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。…

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经…

今天想要讲的东西比较杂乱，自己理了好久的思路感觉一直找不到一条线串联起这些碎片化的知识。然后就想着那就先写写看吧，写到哪算哪，最后再调整调整。所以童鞋们看的时候就不要太在意逻辑哈。

Vue的组件对象支持计算属性computed和侦听属性watch两个选项，但这两个属性用法有什么异同以及它们底层实现的原理是什么？本文将用例子结合源码来进行总结。 1.computed是计算属性，类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法，对这部分不…