翻译是体力活，转载请注明出处哦

概述

https://www.yuque.com/aomiba/vue-composition-api-cn

分享一个 vue3 composition-api 的中文翻译
完整内容请移步我的语雀文档

• 该文档的目的是 使用最白话的方式翻译 vue 3的最新 api
• 有任何建议， 可以直接在文档下留言， 或者发送信息道 a@aomiba.com?
• api 挺多，但是你只需要了解必要的6个()，其他的不用也 ok
  

vue3相关资源

官方资源

1. vue-composition-api rfc
2. vue-composition-api

vue3 的优化点

eva you 在 bilibili 上的直播分享（2020-04-21）
比较详细的可以看下面这篇笔记

composition-api

组合 API ， 具体看后面的文档， 如果知道该 api 设计的目的， 移步vue-composition-api rfc， 如果想看该 api 的原始文档，移步vue-composition-api

typescript

• vue3全面拥抱 typescript, 可以得到更好的类型推导体验
  

更快

• virtual dom 重写，快到不行
• 编译时基于模板的优化
  • 以前是以组件为最小单位，新老 vnode 进行 diff 算法，找到改变的地方，在修改 dom
  • 现在只会 diff 可能会改变的地方
    

更小

• tree-shaking 摇树优化，简单说就是不要的都扔掉
  

fragment teleport suspense

• fragment 片段，模板里面只能有一个 point 的限制可以不管了
• teleport 就是 react 里面的 portal, 换了个名字
• suspense 悬念， 异步组件
  

custom renderer

• 原生暴露了自定义的渲染器

搭建 vue3工程（手把手）

利用 @vue/cli 4.x 的插件功能，先正常流程穿件一个 vue2.x的项目， 然后添加插件，升级成 vue3的项目


等我有空再来加上详细步骤

分享一个 vue3 composition-api 的中文翻译

原文：https://www.cnblogs.com/fepapa/p/vue-composition-api-cn.html