前言我们上一篇博客中介绍了虚拟DOM的基本概念及常见类库，其中常见类库有2中，snabbdom和virtual-dom，而snabbdom是vue2.x版本中所使用的，所以我们这片文章就主要来记录一下snabbdom的基本使用。创建项目打包工具为了方便使用比较简单的parcel创建项目 并安装parcelmkdir snabb-demo // 在工作目录下建立snabb-demo子目录cd sna

遇到这个问题，很可能是网络原因导致vue-cli-service没有安装成功解决方案：删除node_modules,重新安装。建议淘宝镜像安装cnpm install

vue3.0源码组织方式与vue2.x版本相比，vue3.0的变化如下：源码组织方式的变化，全部采用ts编写，采用monorepo将独立功能提取到不同包中增加CompositionApi，90%以上的api兼容2.x,解决2.x版本中开发大型项目中超大组件过大不好拆分重用的问题性能提升，重写了虚拟dom、同时使用proxy重写响应式采用vite打包工具，在开发阶段不需打包便可直接运行项目源代码组织

什么是虚拟DOM？virtual DOM 虚拟DOM，用普通js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。虚拟 dom 是相对于浏览器所渲染出来的真实 dom而言的，在react，vue等技术出现之前，我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。这种方式相当消耗计算资源，因为每次查询 d