一.為什么要學(xué)習(xí) Vue 3
Vue 是目前國內(nèi)開發(fā)最火的前端框架之一
vue3.0正式版已發(fā)布温艇,社區(qū)生態(tài)已經(jīng)逐步完善
部分技術(shù)選型激進的公司已經(jīng)在生產(chǎn)環(huán)境使用了vue3
二. 目前已支持 vue3 的UI組件庫
ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue? ? 是 Ant Design 的 Vue 實現(xiàn),組件的風(fēng)格與 Ant Design 保持同步
目前支持 Vue 3.0 的 2.0.0 測試版 已發(fā)布
element-plushttps://element-plus.gitee.io/#/zh-CN
Element Plus逼蒙,一套為開發(fā)者沟沙、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 3.0 的桌面端組件庫
vanthttps://vant-contrib.gitee.io/vant/v3/#/zh-CN輕量撕彤、可靠的移動端? ? Vue 組件庫
Vant 是有贊前端團隊開源的移動端組件庫须肆,于 2016 年開源虫溜,已持續(xù)維護 4 年時間
目前 Vant 已完成了對 Vue 3.0 的適配工作游桩,并發(fā)布了 Vant 3.0 版本
VueUse
https://vueuse.org/基于composition組合api的常用集合牲迫,小兔仙項目會部分使用
三. Vue3帶來的新變化
性能提升
首次渲染更快
diff算法更快
內(nèi)存占用更少
打包體積變小
更好的Typescript支持
Composition AP
?在使用vue2.x版本開發(fā)較復(fù)雜的組件時耐朴,邏輯難以復(fù)用,組合式api的出現(xiàn)可以解決此類問題
相關(guān)閱讀:
Vue3
? ? 中文文檔 https://vue3js.cn/docs/zh/
Vue3 設(shè)計理念 https://vue3js.cn/vue-composition/
四. 破壞性語法更新
vue3.0對于2.0版本的大部分語法都是可以兼容的盹憎,但是也有一些破壞性的語法更新筛峭,這個大家要格外注意
實例方法$on移除
? ? (eventBus現(xiàn)有實現(xiàn)模式不再支持 可以使用三方插件替代)
過濾器filter移除 (插值表達式里不能再使用過濾器
? ? 可以使用methods替代)
.sync語法移除 (和v-model語法合并)
更多閱讀: https://v3.cn.vuejs.org/guide/migration/introduction.html