vue 版本发布 在线跟新用户操作解决方案_Vue3.0正式发布,本次发布所有总结,一起看看!【附在线视频】...
B站在線視頻
2020年09月18日,Vue.js 3.0 正式發(fā)布。本次發(fā)布框架本身帶來了幾個(gè)大點(diǎn)的改進(jìn),以及功能和歷程的一些總結(jié)!
1.3.0歷程
- 3.0版本代表了2年多的開發(fā)工作
- 具有30多個(gè)RFC
- 2600多個(gè)提交
- 來自99個(gè)貢獻(xiàn)者
- 628個(gè)拉取請求
- 大量開發(fā)和文檔工作
2.Vue的使命
? 成為任何人都可以快速學(xué)習(xí)的易于接近的框架3.性能方面的優(yōu)化
- 路由懶加載
- keep-alive緩存頁面
- 使用v-show復(fù)用DOM
- v-for 遍歷避免同時(shí)使用 v-if
- 長列表性能優(yōu)化
- 事件的銷毀
- 圖片懶加載
- 第三方插件按需引入
- 無狀態(tài)的組件標(biāo)記為函數(shù)式組件
- 子組件分割
- 變量本地化
- SSR
4.更好的TypeScript集成
- 改進(jìn)的TypeScript支持,編輯器能提供強(qiáng)有力的類型檢查和錯(cuò)誤及警告
- 更好的調(diào)試支持
5.用于處理大規(guī)模用例的新API
- reactive
- ref
- computed
- readonly
- watchEffect
- watch
- unref
- toRef
- toRefs
- isRef
- isProxy
- isReactive
- isReadonly
- customRef
- markRaw
- shallowReactive
- shallowReadonly
- shallowRef
- toRaw
6.分層內(nèi)部模塊
Vue 3.0內(nèi)核仍然可以通過一個(gè)簡單的<script>標(biāo)簽使用,但其內(nèi)部結(jié)構(gòu)已被徹底重寫為一組解耦的模塊。新的體系結(jié)構(gòu)提供了更好的可維護(hù)性,并允許最終用戶通過搖樹來減少運(yùn)行時(shí)大小的一半。
模塊如下:
模塊提供的功能點(diǎn):
1.編譯器支持用于構(gòu)建時(shí)自定義的自定義AST轉(zhuǎn)換(例如,構(gòu)建時(shí)i18n)
2.核心運(yùn)行時(shí)提供API用于創(chuàng)建針對不同渲染目標(biāo)(例如本機(jī)移動(dòng)設(shè)備,WebGL或終端)的自定義渲染器。默認(rèn)DOM渲染器使用相同的API構(gòu)建。
3.該@vue/reactivity模塊導(dǎo)出的功能可以直接訪問Vue的反應(yīng)系統(tǒng),并且可以用作獨(dú)立程序包。它可以與其他模板解決方案(例如lit-html)配對,甚至可以用于非UI方案。
7.composition-api設(shè)計(jì)目的
旨在解決大型應(yīng)用程序中Vue使用的難點(diǎn)。 Composition API建立在反應(yīng)性API之上,與2.x基于對象的API相比,可實(shí)現(xiàn)類似于React掛鉤的邏輯組成和重用,更靈活的代碼組織模式以及更可靠的類型推斷。
8.性能改進(jìn)(相對Vue2)
- 通過搖樹(減輕了多達(dá)41%的資源大小)
- 初始渲染(加快了多達(dá)55%的速度)
- 更新速度:(加快了133%的速度)
- 內(nèi)存占用:(最多減少54%)
9.提供的兩個(gè)實(shí)驗(yàn)性功能
- <script setup>
?
- <style vars>
?
9.遷移3.0指南
https://v3.vuejs.org/guide/migration/introduction.html
10.兼容IE11
計(jì)劃在2020年第四季度重點(diǎn)關(guān)注它們。因此,計(jì)劃遷移現(xiàn)有v2應(yīng)用程序的用戶或者需要IE11支持人員此時(shí)應(yīng)意識(shí)到這些限制。
11.后續(xù)計(jì)劃
- 遷移版本
- IE11支持
- 新devtools中的Router和Vuex集成
- Vetur中模板類型推斷的進(jìn)一步改進(jìn)
新文檔鏈接:
- 新官網(wǎng) https://v3.vuejs.org/
- 遷移指南 https://v3.vuejs.org/guide/migration/introduction.html
- Composition API https://v3.vuejs.org/guide/composition-api-introduction.html
總結(jié)
以上是生活随笔為你收集整理的vue 版本发布 在线跟新用户操作解决方案_Vue3.0正式发布,本次发布所有总结,一起看看!【附在线视频】...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql是哪五个字符集_MySQL中涉
- 下一篇: 【前端5】vue:实例,插值表达式,v-