Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ca482b52a07

1、多环境开发 这里有个变量NODE_ENV，我们在config/index.js中统一管理。 2、rem适配方案 我们的设计稿都是px值，所以项目中如果需要使用rem单位的话，需要借用工具包来转化下

一，性能比2.x快1.2～2倍 diff算法的优化 在vue2中，虚拟dom是全量比较的。 在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，

微前端(QianKun)落地级实施和最后部署上线 历时不到两个月，来到新公司后，接到新需求：“要把ERP系统拆分出来，里面有包括PMS、OMS、WNS等等”模块。 当时的第一个想法就是微前端，那么接下

动态组件搭配异步导入作为webpack编译组件的基础，提高代码可读性的同时使项目更加轻量且简洁。本文介绍在Vue项目开发中，动态组件、异步导入过程及实践。

数据驱动 数据响应式 数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我

Vue 全局 api 及实例 api 很多，有很多会被遗忘在角落，如果不熟读文档很难想起它们。但是这些 api 又是日常开发必备，并且在面试的时候常考必考的。所以这里放在这里总结一下，其实了解这些 api 能扩展出很多知识点。当然这里不会过多设计扩展的知识点。 Vue 为何需要…

同学们，你是否想学习Vue的数据响应式原理而无从下手呢？是否有过被复杂的源码教程劝退的经历呢？如果你和我一样，做过一个项目之后想深入原理的话，恭喜你，你来对地方了。这个系列文章将从纯粹的Vue响应式原理出发，没有其他因素的干扰，带领大家实现一个自己的响应式系统。 使用Vue时，…