🚀最近为了夯实Vue，花了74天，把Vue3完完整整地过了一遍，受益匪浅！📚我将所有笔记整理成此文，共101张脑图，包括了Vue3.2最新的语法，欢迎阅读~

前言 由于最近在我司开发中开启了 Vue3 后台的重构工作。于是乎，Vue组件库的抽离工作开启，此次算是基于 vue3.x + element-plus 的二次封装，封装常见通用组件。在本次的Vue

私有化部署项目多起来后，没个用户代码版本不一致，排查bug时候无的放矢，于是把项目构建的时间以及版本号放到devtool中，方便参考对照。

如图所示：可视化界面采用三层三文治结构，从server（后台，非online server）读取数据，vueJS负责数据驱动，ArcGIS与echarts负责数据的图形化。同时引入浏览器的web sql db本地数据库进行海量数据缓存。 ArcGIS API for Javas…

Vue.js文件默认由template、style、script三种标签将HTML、CSS、JS混合到一个文件当中。 这种模式有它一定的优势，即：当单个VUE文件如果样式、逻辑、模板相对简单时以上结构能很大程度上降低逻辑复杂度，页面功能和整体结构也一目了然。但是，当页面功能内容…

小小的前端有大大的梦想。做一个属于我们自己的 UI 组件库应该是个不错的小目标了。那。。。组件是什么😯？我想应该不用多说，在日常开发中我们天天与之打交道，你所写的每一个 vue 文件都可以当做是一个组件，只不过通用性有所区别而已。组件写得多了，随着时间的推移，你就会有写一个组…

$dispatch 和 $broadcast 作为一对情侣 💑属性，在 Vue 1.0 中主要用来实现基于组件树结构的事件流通信 —— 通过向上或向下以冒泡的形式传递事件流，以实现嵌套父子组件的通信。但是由于其显功能缺陷，在 Vue 2.0 中就被移除了。虽然 Vue 官网已…

1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…

也就是observe。这个observe的优势大家都能感觉到，就是方便，劣势就是性能，因为他这个东西本质来说就是所有的东西我都监听，其实这在大型应用来说就比较不舒服了，因为你控制不了，而且功能也比较多，消耗也就高 可能有朋友比较喜欢vue 2.x的装饰器写法，这里官方说明了，装…