Vue3簡(jiǎn)介

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

Vue3帶來(lái)了什么?

性能的提升

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

源碼的升級(jí)

• 使用Proxy代替defineProperty實(shí)現(xiàn)響應(yīng)式
• 重寫(xiě)虛擬DOM的實(shí)現(xiàn)和Tree-Shaking

擁抱TypeScript

• Vue3可以更好的支持TypeScript

新的特性

• Composition API（組合API）

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

• 新的內(nèi)置組件

  • Fragment
  • Teleport
  • Suspense

• 其他改變

  • 新的生命周期鉤子
  • data選項(xiàng)應(yīng)始終被聲明為一個(gè)函數(shù)
  • 移除keyCode支持作為v-on的修飾符