国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim Web-Frontend View.js Was ist der Unterschied zwischen vue3.0 und vue2.0?

Was ist der Unterschied zwischen vue3.0 und vue2.0?

Nov 18, 2020 pm 03:01 PM
vue

Unterschied: Unabh?ngig davon, wie gro? die Daten in vue2.0 sind, wird zu Beginn ein Beobachter dafür erstellt, was beim Laden der Seite zu offensichtlichem Leistungsdruck führen kann. Vue3.0 erstellt nur Beobachter für ?die Daten, die zum Rendern des ersten sichtbaren Teils verwendet werden“, und die Beobachter von vue3.0 sind effizienter.

Was ist der Unterschied zwischen vue3.0 und vue2.0?

Der Unterschied zwischen vue3.0 und 2.0

Vue-cli3.0 wurde am 11. August offiziell ver?ffentlicht. Nach dem Lesen der Kommentare ist die Kompatibilit?t nicht sehr gut Befehle, nein Besonders optimistisch

Im Vergleich zu vue2.0 hat die Ver?ffentlichung von vue3.0 die Hauptvorteile: schneller, kleiner, einfacher zu warten, einfacher zu nativieren und einfacher für Entwickler;

schneller
1. Virtuell DOM ist komplett neu geschrieben, das Mounten und Patchen ist 100 % schneller; 2. Mehr Kompilierzeit-Erinnerungen, um den Laufzeitaufwand zu reduzieren; 3. Basierend auf dem Proxy-Beobachtermechanismus, um eine vollst?ndige Sprachabdeckung und bessere Leistung zu gew?hrleisten; und schnelleren nativen Proxy verwenden;
5. Geschwindigkeit der Komponenteninstanz um die H?lfte erh?ht


kleiner
2. Neu Kernlaufzeit: ~ 10 KB gzipped; install -g vue@cli

delete Vue -Liste

Create Project Vue create

Start Project NPM Run Serve

  • Die Standard -Projektverzeichnisstruktur wird auch gegründet:

  • Entfernen Sie die Konfigurationsdateiverzeichnis, Konfigurations- und Build-Ordner

  • Der statische Ordner wurde entfernt, ein neuer ?ffentlicher Ordner hinzugefügt und index.html nach ?public“

  • in der src-Datei verschoben. Dem Ordner wurde ein neuer Ordner ?views“ hinzugefügt zum Klassifizieren von Ansichtskomponenten und ?ffentlichen Komponenten.

  • Installieren

  • npm install -g vue@cli
  • Projektdatei erstellen:

    vue create project //項(xiàng)目的名稱(chēng)
  • ======================
  • Der Unterschied zwischen vue2 und vue3
  • 1. H?ufig verwendete Befehle

    vue -V zum Anzeigen der lokalen Vue-Version
2. Offizielle Dokumentation

3.0: https://cli.vuejs.org/zh/ 3. Dateien erstellen

3.0: vue create Geben Sie den Projektordner ein, Projekt erstellen.

2.0: vue init webpack

4. Starten Sie das Projekt.


3.0 startet NPM Run Serve Das Knotenmodell wird w?hrend des Projekts automatisch heruntergeladen.

Erstellen Sie eine vue.config.js im Stammverzeichnis

module.exports = {
 baseUrl: process.env.NODE_ENV === 'production' ? '/online/' : '/',
 // outputDir: 在npm run build時(shí) 生成文件的目錄 type:string, default:'dist'
 // outputDir: 'dist',
 // pages:{ type:Object,Default:undfind }
 devServer: {
 port: 8888, // 端口號(hào)
 host: 'localhost',
 https: false, // https:{type:Boolean}
 open: true, //配置自動(dòng)啟動(dòng)瀏覽器
 // proxy: 'http://localhost:4000' // 配置跨域處理,只有一個(gè)代理
 proxy: {
 '/api': {
 target: &#39;<url>&#39;,
 ws: true,
 changeOrigin: true
 },
 &#39;/foo&#39;: {
 target: &#39;<other_url>&#39;
 }
 }, // 配置多個(gè)代理
 }
 }

====================

Der Unterschied zwischen Vue3.0 und Vue2.0

1 Führen Sie standardm??ig eine verz?gerte Beobachtung durch.

In Version 2.x werden zu Beginn Beobachter dafür erstellt, egal wie gro? die Daten sind. Wenn die Datenmenge gro? ist, kann dies zu einem erheblichen Leistungsdruck beim Laden der Seite führen. In Version 3.x werden Beobachter nur für ?Daten erstellt, die zum Rendern des ersten sichtbaren Teils verwendet werden“, und 3.x-Beobachter sind effizienter.

2. Genauere ?nderungsbenachrichtigungen.

Proportional gesehen: Wenn Sie in Version 2.x Vue.set verwenden, um einem Objekt eine Eigenschaft hinzuzufügen, werden alle Beobachter dieses Objekts erneut ausgeführt, in Version 3.x nur die Beobachter, die von dieser Eigenschaft abh?ngen wird erneut ausgeführt.

3. 3.0 hat neu Unterstützung für TypeScript und PWA hinzugefügt

Einige Befehle haben sich ge?ndert:

Npm install -g vue@cli herunterladen und installieren

Vue-Liste l?schen

Projekt vue create erstellen

Projekt starten npm runserve

5. Die Standardprojektverzeichnisstruktur hat sich ebenfalls ge?ndert:

Das Konfigurationsdateiverzeichnis, die Ordner config und build wurden entfernt.

Der statische Ordner wurde entfernt, ein ?ffentlicher Ordner wurde hinzugefügt und index.html wurde in die ?ffentlichkeit verschoben. Einen Ordner ?views“ im src-Ordner zur Klassifizierung von Ansichtskomponenten und ?ffentlichen Komponenten hinzugefügt Empfehlung: Die neuesten 5 vue.js-Video-Tutorial-Auswahlen im Jahr 2020

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Programmierunterricht

! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen vue3.0 und vue2.0?. 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 KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

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)

Hei?e Themen

PHP-Tutorial
1502
276
Wie entwickle ich eine vollst?ndige Python -Webanwendung? Wie entwickle ich eine vollst?ndige Python -Webanwendung? May 23, 2025 pm 10:39 PM

Um eine vollst?ndige Python -Webanwendung zu entwickeln, befolgen Sie die folgenden Schritte: 1. W?hlen Sie das entsprechende Framework wie Django oder Flask. 2. Integrieren Sie Datenbanken und verwenden Sie Ormen wie SQLalchemy. 3. Entwerfen Sie das Front-End und verwenden Sie Vue oder React. 4. Führen Sie den Test durch, verwenden Sie PyTest oder Unittest. 5. Anwendungen bereitstellen, Docker und Plattformen wie Heroku oder AWS verwenden. Durch diese Schritte k?nnen leistungsstarke und effiziente Webanwendungen erstellt werden.

Wie arbeite es und Konfiguration des Front-End-Routings (Vue-Router, React Router)? Wie arbeite es und Konfiguration des Front-End-Routings (Vue-Router, React Router)? May 20, 2025 pm 07:18 PM

Der Kern des Front-End-Routing-Systems besteht darin, URLs an Komponenten abzubilden. Vuerouter und Reactrouter erkennen aktualisiertes Seitenschalten durch H?ren auf URL-?nderungen und das Laden entsprechender Komponenten. Zu den Konfigurationsmethoden geh?ren: 1. verschachtelte Routing, die die verschachtelten untergeordneten Komponenten in der übergeordneten Komponente erm?glichen; 2. Dynamisches Routing, Laden verschiedener Komponenten nach URL -Parametern; 3. Routenschutz, Logik wie die Berechtigungsüberprüfungen vor und nach dem Wechsel der Routen.

Welche Bedeutung hat die Reaktivit?tsumwandlung von Vues (experimentell, dann entfernt) und seine Ziele? Welche Bedeutung hat die Reaktivit?tsumwandlung von Vues (experimentell, dann entfernt) und seine Ziele? Jun 20, 2025 am 01:01 AM

Reaktivit?tsformInvue3AMEDTosimplifyStellingRectiveAtaTAnyautomatic -TrackingAnagingRiftingRifting -Wirklichkeit mit

Was sind die Kernunterschiede zwischen Vue.js und reagieren in der Komponentenentwicklung? Was sind die Kernunterschiede zwischen Vue.js und reagieren in der Komponentenentwicklung? May 21, 2025 pm 08:39 PM

Die Kernunterschiede zwischen Vue.js und React in der Komponentenentwicklung sind: 1) VUE.JS verwendet die Vorlagensyntax und die Option -API, w?hrend React JSX- und Funktionskomponenten verwendet. 2) Vue.js verwendet reaktionsschnelle Systeme, React verwendet unver?nderliche Daten und virtuelles DOM. 3) Vue.js liefert mehrere Lebenszyklus -Haken, w?hrend React mehr Nutzungseffekthaken verwendet.

Wie k?nnen Internationalisierung (I18N) und Lokalisierung (L10N) in einer VUE -Anwendung implementiert werden? Wie k?nnen Internationalisierung (I18N) und Lokalisierung (L10N) in einer VUE -Anwendung implementiert werden? Jun 20, 2025 am 01:00 AM

Internationalisierung undLokalisationInvueAppsAprimal-HandleDusedthevuei18nPlugin.1.Installvue-i18nvianpMoryarn.2.CreatelocalejsonFiles (z

Vue Responsive Prinzip und L?sung, um keine Aktualisierungen zu ausl?sen, wenn Array -Updates aktualisiert werden? Vue Responsive Prinzip und L?sung, um keine Aktualisierungen zu ausl?sen, wenn Array -Updates aktualisiert werden? May 20, 2025 pm 06:54 PM

Wenn Vue.js Array -Updates übernimmt, wird die Ansicht nicht aktualisiert, da ObjefineProperty nicht direkt auf Array -?nderungen anh?ren kann. Zu den L?sungen geh?ren: 1. Verwenden Sie die VUE.Set -Methode, um den Array -Index zu ?ndern; 2. Die gesamte Array neu zuweisen; 3. Verwenden Sie die umgeschriebene Mutationsmethode von VUE, um das Array zu bedienen.

Was sind die Vorteile der Verwendung von Schlüsselattributen (: Schlüssel) mit V-für-Richtlinien in VUE? Was sind die Vorteile der Verwendung von Schlüsselattributen (: Schlüssel) mit V-für-Richtlinien in VUE? Jun 08, 2025 am 12:14 AM

Verwenden Sie: KeyAttributeWithv-ForinvueSessentialforperformanceAndCorrectBehavior

Wie k?nnen Sie die Wiederholung gro?er Listen oder komplexer Komponenten in VUE optimieren? Wie k?nnen Sie die Wiederholung gro?er Listen oder komplexer Komponenten in VUE optimieren? Jun 07, 2025 am 12:14 AM

Zu den Methoden zur Optimierung der Leistung gro?er Listen und komplexer Komponenten in VUE geh?ren: 1. Verwenden Sie die Vonce-Richtlinie, um statische Inhalte zu verarbeiten, um unn?tige Aktualisierungen zu reduzieren; 2. Implementieren Sie virtuelle Scrollen und rendern Sie nur den Inhalt des visuellen Bereichs, beispielsweise die Verwendung der Vue-Virtual-Scroller-Bibliothek; 3. Cache-Komponenten durch Keep-Alive oder V-Once, um doppelte Halterungen zu vermeiden. 4. Verwenden Sie berechnete Eigenschaften und H?rer, um die reaktionsschnelle Logik zu optimieren, um den Wiedererlangungsbereich zu verringern. 5. Befolgen Sie die Best Practices, z. B. die Verwendung einzigartiger Schlüssel in V-für, die Vermeidung von Inline-Funktionen in Vorlagen und die Verwendung von Leistungsanalyse-Tools zum Auffinden von Engp?ssen. Diese Strategien k?nnen die Anwendungsflüssigkeit effektiv verbessern.

See all articles