vue

Composition API 比 mixins、高阶组件、extends、Renderless Components 等更好，原因有三： 模版中的数据来源不清晰。 命名空间冲突。 性能。 更适合 T

弥补 Object.defineProperty 的两个不足 动态创建的 data 属性需要用 Vue.set 来赋值，Vue 3 用了 Proxy 就不需要了 基于性能考虑，Vue 2 篡改了数组的

说明一般使用 v-model / .sync 实现，v-model 是 v-bind:value 和 v-on:input 的语法糖 v-bind:value 实现了 data ⇒ UI 的单向绑定

1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 Vue3.0中对这些API做出了调整： 将全局的API，即：Vue.xxx调整到应用实例（ap

Composition API 的优势 1.Options API 存在的问题（即vue2存在的问题） 使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，co

1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象

生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue

setup的两个注意点 setup执行的时机 在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收

reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据。 reactive用来定义：对象（或数组）类型数据。 备注：ref也可以用来定义对象（或数组）类型数据, 它内部会自动通

响应式原理 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了

ref函数 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。 JS中操作数据：

这次的内容主要以vue3.0为主 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、