Heim > Web-Frontend > View.js > Unterstützt vue.js ie9?

Unterstützt vue.js ie9?

藏色散人
Freigeben: 2023-01-13 00:44:51
Original
2983 Leute haben es durchsucht

vue.js unterstützt ie9, da Vues offizielle Beschreibung der ie-Browserversionskompatibilität „ie9+“ lautet, was nach dem Testen ie9 und höhere Versionen bedeutet; Vues Kern-Framework vuejs selbst sowie das offizielle Kern-Plug-in des Ökosystems Alles kann normal auf IE9 verwendet werden.

Unterstützt vue.js ie9?

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, vue2.0.

Empfohlen: „vue Tutorial

Vues offizielle Beschreibung der Kompatibilität von IE-Browserversionen lautet ie9+, was ie9 und höhere Versionen bedeutet. Nach dem Testen können das Vue-Kernframework Vuejs selbst sowie die offiziellen Kern-Plug-Ins des Ökosystems (VueRouter, Vuex usw.) normal unter IE9 verwendet werden.

You Yuxi, der Autor von Vue, erwähnte in seinen Vorschlägen zum Erlernen von Vue, dass es notwendig ist, die neue ECMAScript-Spezifikation so weit wie möglich zu erlernen und zu verwenden, um das Projekt ökologischer/technisch besser zu machen.

Derzeit ist ES6/ES2015 ein Standard mit hoher Verfügbarkeit und Stabilität sowie vollständiger Dokumentation. In China hat Ruan Yifengs „Einführung in ECMAScript 6“ viele Dokumentübersetzungen durchgeführt, und die Entwicklungsumgebung kann als vollständig bezeichnet werden.

Ältere Browser unterstützen die es6-Spezifikation jedoch nicht, insbesondere der IE-Browser. Selbst die höchste Version von IE11 unterstützt die es6-Spezifikation nicht vollständig. Dies erfordert eine Kompatibilitätsverarbeitung für alle Browser, die ES6-Funktionen nicht nativ unterstützen.

ES6-kompatibel

In der IE9-Umgebung werden einige der neuen Objekte und Ausdrücke von es6 nicht unterstützt. Die Lösung besteht darin, die Babel-Polyfill-Komponente zu verwenden, die es6-Code in es5 übersetzen kann, der von Browsern niedrigerer Versionen erkannt werden kann . Nachdem der Code

npm i babel-polyfill --save-dev
Nach dem Login kopieren

installiert wurde, können Sie in der ersten Zeile der Haupteintragsdatei des Projekts main.js

import 'babel-polyfill';
Nach dem Login kopieren

direkt darauf verweisen. Im vom Projekt mit vue-cli generierten Code befindet sich eine .babelrc-Datei das Stammverzeichnis, das von der Konfigurationsdatei des Projekts babel verwendet wird. Fügen Sie im standardmäßig generierten Vorlageninhalt den Einstellungsinhalt von „useBuiltIns“ hinzu: „entry“. Dies ist eine Einstellung, die angibt, welcher Inhalt polygefüllt werden muss (kompatibel).

useBuiltIns verfügt über drei Einstellungsoptionen.

false – nicht möglich irgendetwas

Eintrag – Entsprechend der Unterstützung der Browserversion werden die Polyfill-Anforderungen aufgeteilt und eingeführt, und nur die Polyfills werden eingeführt, die vom Browser nicht unterstützt werden

Verwendung – Erkennen Sie die Verwendung von

ES6/7/8 usw. im Code und laden Sie nur die im Code verwendeten Polyfills. Es wird empfohlen, die Polyfills auf Eintrag zu setzen Der Inhalt des Projekts ist mit der ie9-Version kompatibel

Das obige ist der detaillierte Inhalt vonUnterstützt vue.js ie9?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
vue
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage