vue3新特性

1、认识Vue3
1.1、了解相关信息
Vue.js3.0"One Piece"正式版在2020年9月份发布。
Vue3支持Vue2的大多数特性
更好的支持TypeScript
现在主流组件库都已经发布了支持vue3.0的版本，其他生态也在不断地完善中，这是趋势。
element-plus (opens new window)基于 Vue 3.0 的桌面端组件库。
vant (opens new window)vant3.0版本，有赞前端团队开源移动端组件库。
ant-design-vue (opens new window)Ant Design Vue 2.0版本，社区根据蚂蚁 ant design 开发。
1.2、性能提升
打包大小减少41%。
初次渲染快55%，更新渲染快133%。
内存减少54%。
使用Proxy代替defineProperty实现数据响应式。
重写虚拟DOM的实现和Tree-Shaking。
1.3、新增特性
Composition（组合）API
setup：
1、 ref和reactive。
2、 computed和watch。
3、 新的生命周期函数。
4、 provide与inject。
5、 ……
新组件：
1、Fragment - 文档碎片。
2、Teleport - 瞬移组件的位置。
3、Suspense - 异步加载组件的loading界面。
其它API更新：
1、全局API的修改。
2、将原来的全局API转移到应用对象。
3、模板语法变化。
2、创建Vue3项目
2.1、使用vue-cli创建
1、文档：创建一个项目 | Vue CLI