# 简介
2020.9.18发布了3.0.0 代号“one piece”
https://github.com/vuejs/vue-next/releases/tag/v3.0.0
# 特点
一. 性能
1) 打包大小减少了 41%
2) 初始化渲染 快了 55%
3) 更新速度 快了 133%
4) 内存使用减少了 54%
二. 源码的改变
1) 使用 proxy 代替了 definedProperty
2) 对 dom 的重写
三. 更好的集成了 ts (TypeScript)
四. 新的特性
1. Vue3是允许我们有多个根节点的,但是如果使用Vetur就会报错,不会影响运行,但是编辑器有警告。所以当我们转向Volar那么就不会出现这个问题了。
2. Composition API 组合API (options API vue2.x.vue 选项api)
可以更加方便的提取共性逻辑
1) setup函数 是组合API的一个入口函数,也是第一个要使用的函数
1.理解:Vue3.0中一个新的配置项,值为一个函数。
2.setup是所有Composition API(组合API)“ 表演的舞台 ”。
3. 组件中所用到的:数据、方法等等,均要配置在setup中。
4. setup函数的两种返回值:
若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使用。(重点关注!)
若返回一个渲染函数:则可以自定义渲染内容。(了解)
5.注意点:
尽量不要与Vue2.x配置混用
Vue2.x配置(data、methods、computed...)中可以访问到setup中的属性、方法。
但在setup中不能访问到Vue2.x配置(data、methos、computed...)。
如果有重名, setup优先。
setup不能是一个async函数,因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。(后期也可以返回一个Promise实例,但需要Suspense和异步组件的配合)
6.