Vue3

一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination 简单来讲，就是在保持代码运行结果不变的前提下，去除无用

一、Object.defineProperty 定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象 为什么能实现响应式

一、编译阶段 回顾 Vue2，我们知道每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把用到的数据 property记录为依赖，当依赖发生改变，触发 setter，则会通知 wat

一、组件设计 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式 现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微

开始之前 Composition API 可以说是 Vue3的最大特点，那么为什么要推出 Composition Api，解决了什么问题？ 通常使用 Vue2开发的项目，普遍会存在以下问题： 代码的可

一、设计目标 不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下 Vue3之前我们或许会面临的问题 随着功能的增长，复杂组件的代码变得越来越难以维护 缺少一种比较「干净」的在多个组件之间提取和复