大家好，最近开发了一个新的项目，我选择了前端最新的技术栈 Vite2.x + Vue3 + TypeScript + Pinia, 文章是对自己的一个总结，也希望给大家带来一些帮助。 vite 介绍

手写 Vue2 系列 之 patch —— diff。实现 DOM diff，完成响应式数据的更新。

手写 Vue2 系列 之 computed，实现 computed 计算属性，完成模版中计算属性的展示

日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后，然后在模版中使用。接下来我们尝试编程式的使用组件。 其实想要插入一个元素，通过 document.createElement 就可以实现，并非一定需要上面两步，但…

1. 普通组件的watch监听props传参 3. immediate属性 如果通过动态组件来切换组件里面的watch是不会监听props第一次传值的。要等到propsTime值改变时才执行监听计算。 4. deep属性 但是这样性能开销就会很大，假如一个对象里面有多层嵌套，里…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

面试中为什么会问Vue源码，很多人一般都这个疑问，Vue源码在平常工作中几乎很少使用到，而Vue的API在工作中经常用到。会用Vue的API不就可以满足工作岗位的需求。这岂不是面试造火箭，工作拧螺丝嘛。其实不是真正要问你Vue源码，只是借助Vue源码来考核你的JavaScrip…

先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 从图中可以得知：msg1和msg3显示的内容还是变换之前的，而msg2显示的内容是变换之后的。其根本原因是因为Vue中DOM更新是异步的（详细解释在后面）。 下面了解下nextTick的主要应用的场景及原因…