vue3Vue3比Vue2有哪些优势描述Vue3的生命周期如何看待Composition Api和Options A

Options生命周期
1. befoteDestroy改为beforeUnmount
2. destroyed改为unmouted
3. 其他沿用Vue2的生命周期
Composition生命周期
1. 在vue2的基础上都加了on
2. setUp从生命周期上来讲，等于beforeCreate和created，所以composition API是没有beforeCreate和created生命周期

更好的代码组织（相关逻辑代码可以集中放在一块，而不是分散存在）
更好的逻辑复用
更好的类型推导 1.比如options api中，方法被定义在methods中，但是调用时直接使用this来调用，不符合js语法规范，也不利于我们使用语法的方式来推导类型及属性。
适用于大型复杂的项目
不建议共用，小型项目用Options API，因为使用起来简单，门槛低。中大型项目逻辑复杂使用Composition Api
Composition Api是为了解决复杂业务逻辑而设计的

ref

toRef与toRefs

createApp
emits属性
1. 父组件事件名在子组件里面emits声明（事件名加on），然后在setup里面可以拿到emits
生命周期
多事件
1. @click里面可以写多个事件
Fragment
1. template里面可以多个组件模板，在vue2里面只能用一个div套住全部的组件
移除.syc、移除filter
1. vue2写法时 v-bind:title.sync。在vue3中 v-model:title
异步组件的写法
1. vue2的时候componts:{ 'my-zhujian':()=>('./../url')}
2. vue3的时候需要引用defineAsyncComponent
Teleport
1. 弹窗可以直接 to=“body”
Suspense
1. 异步加载先加载一个loading。。。再加载内容。实现逻辑就是内部有两个slot其中一个fllback具名插槽
Composition API
1. reactive
2. ref
3. readonly
4. watch和wacthEffect
5. setup
6. 生命周期钩子函数

1. 抽离逻辑代码到一个函数
2. 函数命名约定为useXxxxx格式
3. 在setup中引用该函数

1. proxy只有在get的时候才做递归，获取到哪一层，才开始做响应式处理
2. vue2时在函数一开始就用Object.defineProperty把对象的所有属性做了getter和setter的处理

1. 两者都可以监听到data变化
2. watch需要明确监听哪个属性
3. watchEffect会根据其中的属性，自动化监听，在初试分的时候一定会执行一次

vue3