01 vue3的新特性

2021-10-19 18:09:19 字數 526 閱讀 9710

漸進式開發,向下相容,vue3支援大多數vue2的特性,甚至可以說就拿vue2的語法來開發vue3是沒有任何問題的

推出composition api,,在 vue2 中遇到的問題就是複雜元件的**變的非常麻煩,甚至不可維護。說白了就是封裝不好,重用不暢。這個composition api一推出,立馬解決了這個問題,本套課程中也會重點介紹這部分內容。它是一系列 api 的合集。

新的api加入,teleport(瞬移元件)、suspense(解決非同步載入元件問題)和全域性 api 的修改和優化

更好typescript支援,我以前在開發 vue2 的時候,是不適用typescript的,因為整合時很困難,疼點太多。但 vue3 解決了這個問題,vue3 的源**就是使用typescript進行開發的。所以在新的版本上使用ts也更加順暢無阻。

vue3的新特性及api

1.響應式原理 vue2的響應式原理是利用object.defineproperty而vue3則是利用proxy。proxy的效能和功能比object.defineproperty強很多 這裡的強是指api支援更好原始碼層次 可以看一下這邊文章proxy 與object.defineproperty...

vue3帶來的新特性 亮點

vue3在效能方面比vue2快了2倍。vue3中的核心api都支援了tree shaking,這些api都是通過包引入的方式而不是直接在例項化時就注入,只會對使用到的功能或特性進行打包 按需打包 這意味著更多的功能和更小的體積。vue2中,我們一般會採用mixin來復用邏輯 用倒是挺好用的,不過也存...

vue3新特性學習小結

組合式api,主要目的就是為了解決以前那些邏輯較為複雜的大元件,各個邏輯點 相互分散,需要來來回回 跳轉 檢視,這種極不方便的操作。1.以前寫在data computed watch provide inject等標籤中的 都可以提取到乙個setup標籤中來使用,使該邏輯 相關的變數 函式處理 監聽...