Vue.js prend-il en charge ie9 ?

vue.js prend en charge ie9, car la description officielle de Vue de la compatibilité des versions du navigateur ie est « ie9+ », ce qui signifie ie9 et les versions supérieures après test, le framework principal de Vue lui-même et l'écologie Le plug-in principal officiel ; ins peut être utilisé normalement sur ie9.

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, vue2.0.

Recommandation : "tutoriel vue"

La description officielle de Vue de la compatibilité de la version du navigateur IE est ie9+, qui est ie9 et supérieur. Après les tests, le framework principal de Vue, vuejs lui-même, ainsi que les plug-ins principaux officiels de l'écosystème (VueRouter, Vuex, etc.) peuvent être utilisés normalement sur IE9.

Les suggestions de l'auteur de Vue, You Yuxi, pour apprendre Vue mentionnent que pour améliorer l'écologie/l'ingénierie du projet, il est nécessaire d'apprendre et d'utiliser autant que possible la nouvelle spécification ECMAScript.

Actuellement, ES6/ES2015 est un standard très convivial et stable, et dispose d'une documentation complète. En Chine, "Introduction à ECMAScript 6" de Ruan Yifeng a fait de nombreuses traductions de documents, et l'environnement de développement peut être modifié. dit être complet.

Cependant, les anciens navigateurs ne prennent pas en charge la spécification es6, en particulier le navigateur IE. Même la version la plus élevée d'IE11 ne prend pas entièrement en charge la spécification es6. Cela nécessite un traitement de compatibilité pour tous les navigateurs qui ne prennent pas en charge nativement les fonctionnalités ES6.

Compatible ES6

Dans l'environnement IE9, certains des nouveaux objets et expressions d'es6 ne sont pas pris en charge. La solution consiste à utiliser le composant babel-polyfill, qui peut traduire le code es6 en. Une fois le code es5

npm i babel-polyfill --save-dev

reconnu par les navigateurs de versions inférieures installé, vous pouvez directement référencer

import 'babel-polyfill';

dans la première ligne du fichier d'entrée principal du projet main.js et le générer en utilisant vue-cli dans le projet Dans le code, il y a un fichier .babelrc dans le répertoire racine, qui est le fichier de configuration pour que le projet utilise babel. Dans le contenu du modèle généré par défaut, ajoutez le contenu du paramètre "useBuiltIns": "entry", qui est un paramètre qui spécifie quel contenu doit être polyrempli (compatible)

useBuiltIns a trois options de paramètre

false - ne rien faire

entrée - diviser les exigences de polyfill et les introduire en fonction de la prise en charge de la version du navigateur, et introduire uniquement les polyfills qui ne sont pas pris en charge par le navigateur

utilisation - dans le code de détection

Utilisation de ES6/7/8, etc., chargez uniquement le polyfill utilisé dans le code

Il est recommandé de le définir sur l'entrée Le .babelrc complet

le contenu est le suivant :

{
 "presets": [
 [
  "env",
  {
  "modules": false,
  "useBuiltIns": "entry"
  }
 ],
 "stage-3"
 ]
}

Après l'ajout de ces codes, la plupart du contenu du projet est compatible avec la version IE9

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!