vue.3了解

vue.3

1.vue简介：简介了解

2.vue3学习：vue3学习知识点必看

3.vue的特点

1）性能的提升

打包大小减少了41%

初始化渲染快了55%，更新渲染快了133%

内存占有减少54%

2）源码的升级

使用proxy代替definedProperty实现了响应式数据

重写了虚拟dom

3）集合了 TypeScript

4）新的特性

4.有两种创建方式

1）通过脚手架创建vue-cil

vue create vue3

2）Vite创建

npm init @vitejs/app

5.vue3方法

1)setup

*setup所有组合API的入口函数，是第一个要使用的函数，比生命周期靠前

2)ref

ref用于定义一个响应式的数据，返回的是一个ref对象，对象中有一个value属性

如果需要对数据进行操作，需要使用该Ref对象的value值

3）reactive

语法：const proxy = reactive(obj)

reactive定义对象
返回的是 proxy 代理

作用：定义多个数据的响应式，接收一个普通对象然后返回该普通对象的响应式代理器对象(Proxy)，响应式转换是“深层的”：会影响对象内部所有嵌套的属性,所有的数据都是响应式的。