devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Frontend
Home›Frontend›Vue.js 3.0 stabilne! Lepsza wydajność i mniejsze pakiety!

Vue.js 3.0 stabilne! Lepsza wydajność i mniejsze pakiety!

By Bernadeta Zapała
22 września 2020
112
0
Share:

Piątkowe popołudnie rozpoczęło się oficjalnym wydaniem stabilnej wersji Vue.js 3.0 „One Piece”. Lepsza wydajność, mniejsze rozmiary pakietów i nowe interfejsy API do obsługi przypadków użycia na większą skalę to tylko część nowości w wydaniu.

Nowe interfejsy API w Vue.js 3.0

Interfejs 2.x jest oparty na obiektach. W nowym wydaniu jest on w dużej mierze nienaruszony. Jednak twórcy dodali do niego Composition API. Jest to nowy zestaw interfejsów API, rozwiązujący problemy z korzystaniem z Vue w aplikacjach na dużą skalę. Zbudowany jest na reaktywnym interfejsie i pozwala na składanie logiki i jej ponowne użycie, tak samo jak w Reactowych hookach. Ponadto organizacja kodu jest bardziej elastyczna, a wnioskowanie o typie bardziej niezawodne.

Composition API jest także dostępne dla wcześniejszej wersji Vue 2.x, przez wtyczkę @vue/composition-api.

Warstwowe moduły wewnętrzne

Z rdzenia nowego Vue dalej można korzystać przy pomocy prostego tagu <script>. Jednak jego elementy wewnętrzne przepisano od podstaw do zbioru odsprzęgniętych modułów. Dzięki temu użytkownik otrzymuje łatwiejszą konserwację. Ponadto przez tree-shaking może on zaoszczędzić nawet połowę rozmiaru środowiska wykonawczego.

Vue.js 3.0

Lepsza wydajność

W porównaniu z Vue 2, nowe wydanie wykazało znacznie lepszą wydajność w przeprowadzonych testach. Przykładowo, pakiet z tree-shaking jest prawie 41% lżejszy. Co ciekawe, Vue.js 3.0 wykorzystuje o 54% mniej pamięci i tak samo szybciej się renderuje. Przyjęte w nowym wydaniu podejście: „wirtualny model DOM oparty na kompilatorze” oznacza, że kompilator szablonów przeprowadza agresywną optymalizację i generuje kod funkcji renderowania, który podnosi zawartość statyczną. Pozostawia także wskazówki dotyczące typów powiązań w czasie wykonywania oraz spłaszcza dynamiczne węzły wewnątrz szablonu, zmniejszając tym samym koszt przechodzenia przez środowisko wykonawcze. W wyniku tego użytkownik otrzymuje zoptymalizowaną wydajność lub bezpośrednią kontrolę przy pomocy ręcznych funkcji renderowania (jeśli tego wymaga przypadek użycia).

Vue.js 3.0 zintegrowane z TypeScript

Jak wspominaliśmy przy publikacji pierwszego kandydata do wydania, całą bazę nowego Vue napisano w języku TypeScript. Rozszerzenie VSCode, Vetur, wykorzystuje lepsze wewnętrzne pisanie Vue. Dzięki temu Vue.js 3.0 obsługuje wyrażenia szablonów oraz sprawdzanie typów rekwizytów.

Eksperymentalne funkcje w Vue.js 3.0

Wersja 3.0 posiada dwie zaimplementowane już funkcje dla plików vue – Singe-File Components (SFC):

<script setup>: syntactic sugar for using Composition API inside SFCs
<style vars>: state-driven CSS variables inside SFCs

Podsumowanie

Dwa lata prac, 30 specyfikacji RFC, ponad 2600 zatwierdzeń i 628 pull requestów to tylko część liczb powiązanych z wydaniem wersji 3.0. Obecnie Vue posiada prawie 1,3 miliona użytkowników na całym świecie. Programiści korzystają z niego w przypadku rozpraszania interaktywności na tradycyjnych stronach, a także przy w pełni rozwiniętych jednostronicowych aplikacji z setkami komponentów.

Oficjalnie wydana wersja Vue oznacza ogólną gotowość frameworka. Twórcy zachęcają do tworzenia projektów z Vue 3.0 już teraz, mimo tego, że niektóre elementy wymagają dalszej pracy.

Więcej informacji o Vue znajduje się w nowej witrynie z dokumentacją. Dla użytkowników Vue 2.x dostępny jest także przewodnik migracji.

TagsFrameworkVue 3Vue.jsVue.js 3.0

Share:

  • Backend

    Gatsby – nowe wydanie z przyrostowymi kompilacjami

  • Systemy i przeglądarki

    Edge 81 – Nowa wersja przeglądarki Microsoft

  • Systemy i przeglądarki

    Android 11 dostępny dla telefonów Pixel

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

  • 24 listopada 2020

    Tailwind CSS 2.0 z narzędziami kontroli tekstu

  • 20 listopada 2020

    Angular 11 – stabilne wydanie platformy

  • 19 listopada 2020

    Chakra UI React v1 wydany z ulepszeniami

  • 19 listopada 2020

    Chrome 87 z szybszym startem i zmianami w kartach

  • 18 listopada 2020

    Silnik WebKit w przeglądarce Safari 14

  • 17 listopada 2020

    Poznańska konferencja POZITIVE TECHNOLOGIES 2020 platformą wymiany wiedzy i doświadczeń najlepszych specjalistów IT

  • 16 listopada 2020

    Babylon.js 4.2 z edytorem cząsteczek i Babylon React Native

  • 13 listopada 2020

    Apple Silicon M1 i MacBooki – spotkanie One More Thing

  • 12 listopada 2020

    .NET 5.0 Microsoftu z poprawioną wydajnością

  • 12 listopada 2020

    Windows Terminal 1.5 Preview z nowymi funkcjami

  • 10 listopada 2020

    GIMP 2.99.2 – pierwszy krok do głównej wersji

  • 6 listopada 2020

    iOS 14.2 dostępny z nowymi emotikonami

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT