Inhaltsverzeichnis
1.3.0-Verlauf
2. Vue's Mission
v-for-Traversal, um die gleichzeitige Verwendung von v-if zu vermeidenLange Listenleistungsoptimierung
readonlywatchEffect
2. Die Kernlaufzeit bietet
wird mit derselben API erstellt. 3. Die von diesem
Durch Baumschütteln (bis zu 41 % Ressourcengröße reduziert)
MigrationsversionIE11-Unterstützung
Heim Web-Frontend js-Tutorial Wann wurde vue3.0 veröffentlicht?

Wann wurde vue3.0 veröffentlicht?

Apr 26, 2019 am 10:11 AM

vue3.0 wurde am 18. September 2020 offiziell veröffentlicht. Die vue3.0-Version unterscheidet sich grundlegend von anderen Versionen. Sie minimiert die Anzahl der Tools, die Entwickler konfigurieren müssen, fügt viele umfangreiche integrierte Funktionen hinzu und verfügt über eine vollständige GUI zum Erstellen und Verwalten von Projekten.

Wann wurde vue3.0 veröffentlicht?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 3.0, DELL G3-Computer.

Wann wurde vue3.0 veröffentlicht?

Am 18. September 2020 wurde Vue.js 3.0 offiziell veröffentlicht. Diese Veröffentlichung des Frameworks selbst bringt mehrere wesentliche Verbesserungen sowie einige Zusammenfassungen von Funktionen und Prozessen mit sich!

1.3.0-Verlauf

  • Version 3.0 Repräsentiert über 2 Jahre Entwicklungsarbeit
  • Mit über 30 RFCs
  • 2600+ Commits
  • von 99 Mitwirkenden
  • 628 Pulls Anfordern
  • Umfangreiche Entwicklung und Dokumentationsarbeit

2. Vue's Mission

Seien Sie für jedermann schnell erlernbar. Enger Rahmen

v-for-Traversal, um die gleichzeitige Verwendung von v-if zu vermeidenLange Listenleistungsoptimierung

    Ereigniszerstörung
  • Lazy Loading von Bildern
  • Dritter- Party-Plug-Ins werden bei Bedarf eingeführt
  • Zustandslose Komponenten werden als funktionale Komponenten markiert
  • Aufteilung von Unterkomponenten
  • Variable Lokalisierung
  • SSR
  • 4. Bessere TypeScript-Integration
  • Verbesserte TypeScript-Unterstützung, der Editor kann leistungsstarke Typenprüfungen sowie Fehler und Warnungen bereitstellen
  • Bessere Debugging-Unterstützung

5. Neue API für die Handhabung groß angelegter Anwendungsfälle

    reaktiv
  • ref
  • berechnet

readonlywatchEffect

    watch
  • unref
  • toRef
  • toRefs
  • isRef
  • isProxy
  • isReactive
  • isReadonly
  • customRef
  • markRaw
  • shallowReactive
  • shallowReadonly
  • shallowRef
  • toRaw
  • 6. Hierarchische interne Module
  • Der Vue 3.0-Kern ist weiterhin über ein einfaches
  • verfügbar Tag, aber seine interne Struktur wurde vollständig als eine Reihe entkoppelter Module neu geschrieben. Die neue Architektur bietet eine bessere Wartbarkeit und ermöglicht es Endbenutzern, die Laufzeitgröße durch Tree Shaking um die Hälfte zu reduzieren. Die
  • Module lauten wie folgt:

Vom Modul bereitgestellte Funktionspunkte:

<script>1 zum Erstellen benutzerdefinierter AST-Transformationen (z. B. Build-Time i18n)

2. Die Kernlaufzeit bietet
zum Erstellen benutzerdefinierter AST-Transformationen für verschiedene Renderziele (z. B.

, oder

). benutzerdefinierter Renderer. Der Standard-Renderer
wird mit derselben API erstellt. 3. Die von diesem
-Modul exportierten Funktionen können direkt auf das Reaktionssystem von

zugreifen und als eigenständiges Paket verwendet werden. Es kann mit anderen Vorlagenlösungen wie

kombiniert und sogar in Nicht-UI-Szenarien verwendet werden.

API本机移动设备7.composition-api-Designzweck WebGL终端DOMZielt darauf ab, die Schwierigkeiten bei der Verwendung von Vue in großen Anwendungen zu lösen.

Die Composition API basiert auf der reaktiven API und ermöglicht eine logische Komposition und Wiederverwendung ähnlich wie React-Hooks, flexiblere Code-Organisationsmuster und eine zuverlässigere Typinferenz im Vergleich zur objektbasierten 2.x-API.

@vue/reactivityVue8. Leistungsverbesserungen (im Vergleich zu Vue2) lit-html

Durch Baumschütteln (bis zu 41 % Ressourcengröße reduziert)

Erstes Rendering (bis zu 55 % schneller)


Aktualisierungsgeschwindigkeit: (bis zu 133 % schneller)

Speicherbedarf: (bis zu 54 % schneller)

    9. Zwei experimentelle Funktionen bereitgestellt
für die Verwendung der Composition API in SFC Syntax Sugar

  • <script setup>
Zustandsgesteuerte CSS-Variablen in SFC

9. Migration 3.0-Leitfaden
  • <style vars>https://v3.vuejs.org/guide/migration/introduction.html
10. Kompatibel mit IE11

Planen Sie, sich auf sie zu konzentrieren viertes Quartal 2020. Daher sollten Benutzer, die die Migration bestehender v2-Anwendungen planen oder IE11-Unterstützung benötigen, diese Einschränkungen zu diesem Zeitpunkt beachten.

11. Folgeplan

MigrationsversionIE11-Unterstützung

Router- und Vuex-Integration in neue Devtools

Weitere Verbesserungen bei der Template-Typ-Inferenz in Vetur

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
    Programmiervideo
  • ! !

Das obige ist der detaillierte Inhalt vonWann wurde vue3.0 veröffentlicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

Beispielfarben JSON -Datei Beispielfarben JSON -Datei Mar 03, 2025 am 12:35 AM

Beispielfarben JSON -Datei

Erstellen Sie Ihre eigenen AJAX -Webanwendungen Erstellen Sie Ihre eigenen AJAX -Webanwendungen Mar 09, 2025 am 12:11 AM

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

8 atemberaubende JQuery -Seiten -Layout -Plugins 8 atemberaubende JQuery -Seiten -Layout -Plugins Mar 06, 2025 am 12:48 AM

8 atemberaubende JQuery -Seiten -Layout -Plugins

Was ist ' this ' in JavaScript? Was ist ' this ' in JavaScript? Mar 04, 2025 am 01:15 AM

Was ist ' this ' in JavaScript?

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter Mar 05, 2025 am 12:54 AM

Verbessern Sie Ihr JQuery -Wissen mit dem Quell Betrachter

10 Mobile Cheat Sheets für die mobile Entwicklung 10 Mobile Cheat Sheets für die mobile Entwicklung Mar 05, 2025 am 12:43 AM

10 Mobile Cheat Sheets für die mobile Entwicklung

See all articles