Le projet vue2.0 ne peut pas être ouvert par ie

Avec le développement de la technologie front-end, de plus en plus de sites Web utilisent Vue.js comme cadre de développement front-end. Cependant, lorsque vous utilisez Vue.js pour développer des projets, vous pouvez rencontrer le problème que le navigateur IE ne peut pas être ouvert. Cet article explique comment résoudre le problème selon lequel le projet Vue2.0 ne peut pas être ouvert dans le navigateur IE.

1. Contexte du problème

Lors de l'utilisation de Vue2.0 pour développer des projets, s'il y a un problème que la page ne peut pas être ouverte dans le navigateur IE, la plupart des raisons sont dues au fait que Vue2.0 ne prend pas en charge les versions IE8 et inférieures de le navigateur.

2. Solution

1. Importez IE polyfill

Vue.js 2.0 pour le développement à l'aide des spécifications de syntaxe ES6, qui ne sont pas prises en charge par IE8 et versions antérieures. Par conséquent, nous devons convertir le code ES6 en ES5, c'est-à-dire utiliser Babel pour nous échapper. De plus, nous devons également utiliser IE polyfill pour résoudre certaines fonctionnalités que ES5 ne peut pas simuler.

Tout d'abord, nous devons installer babel et babel-polyfill. Exécutez la commande suivante dans le terminal :

npm install babel-core@6.x babel-preset-env babel-polyfill --save-dev

Ensuite, nous introduisons les dépendances ci-dessus dans le fichier d'entrée du projet et convertissons le code en syntaxe ES5. Le code spécifique est le suivant :

import "babel-polyfill";
import Vue from 'vue';

new Vue({
   el: '#app',
   render: h => h(App)
})

2. Installez Vue2.

npm install es6-promise --save
npm install es6-object-assign --save

import 'es6-promise/auto'
import 'es6-object-assign/auto'

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!