分享一個 vue3 composition-api 的中文翻譯

翻譯是體力活，轉載請注明出處哦

概述

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

分享一個 vue3 composition-api 的中文翻譯
完整內容請移步我的語雀文檔

• 該文檔的目的是 使用最白話的方式翻譯 vue 3的最新 api
• 有任何建議， 可以直接在文檔下留言， 或者發送信息道 [e-mail] 
• 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的項目


等我有空再來加上詳細步驟