VUE3快速上手及常用API函數匯總！

Vue3簡介

• 2020年9月18日，Vue.js發布3.0版本，代號：One Piece（海賊王）
• 耗時2年多、2600+次提交、30+個RFC、600+次PR、99位貢獻者
• github上的tags地址(https://github.com/vuejs/vue-next/releases/tag/v3.0.0)

Vue3帶來了什么?

性能的提升

• 打包大小減少41%
• 初次渲染快55%，更新渲染快133%
• 內存減少54%

源碼的升級

• 使用Proxy代替defineProperty實現響應式
• 重寫虛擬DOM的實現和Tree-Shaking

擁抱TypeScript

• Vue3可以更好的支持TypeScript

新的特性

• Composition API（組合API）

  • setup配置
  • ref與reactive
  • watch與watchEffect
  • provide與inject

• 新的內置組件

  • Fragment
  • Teleport
  • Suspense

• 其他改變

  • 新的生命周期鉤子
  • data選項應始終被聲明為一個函數
  • 移除keyCode支持作為v-on的修飾符