Unterstützt vue.js ie9?

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.

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

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

import 'babel-polyfill';

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!