Does vue.js support ie9?

vue.js supports ie9, because Vue’s official description of ie browser version compatibility is “ie9”, which means ie9 and higher versions; after testing, Vue’s core framework vuejs itself, as well as the ecology All official core plug-ins can be used normally on ie9.

#The operating environment of this article: Windows 7 system, Dell G3 computer, vue2.0.

Recommended: "vue Tutorial"

Vue's official description of the compatibility of the IE browser version is ie9, which is ie9 and higher. After testing, Vue's core framework vuejs itself, as well as the official core plug-ins of the ecosystem (VueRouter, Vuex, etc.) can be used normally on IE9.

Vue author You Yuxi’s suggestions for learning Vue mentioned that in order to make the project better ecological/engineering, it is necessary to learn and use the new ECMAScript specification as much as possible.

Currently, ES6/ES2015 is a standard with high usability and stability, and has complete documentation. In China, Ruan Yifeng's "Introduction to ECMAScript 6" has done a lot of document translation, and the development environment can be said to be complete.

However, older browsers do not support the es6 specification, especially the IE browser. Even the highest version of IE11 does not fully support the es6 specification. This requires compatibility processing for all browsers that do not natively support ES6 features.

ES6 compatible

In the ie9 environment, some of the new objects and expressions of es6 are not supported. The solution is to use the babel-polyfill component, which can translate the es6 code into The es5 code that can be recognized by lower version browsers

npm i babel-polyfill --save-dev

After the installation is completed, you can directly reference it in the first line of the project's main entry file main.js

import 'babel-polyfill';

Use vue-cli to generate it in the project In the code, there is a .babelrc file in the root directory, which is the configuration file for the project to use babel. In the default generated template content, add the setting content of "useBuiltIns": "entry", which is a setting that specifies which content needs to be polyfilled (compatible)

useBuiltIns has three setting options

false - do nothing

##Usage of ES6/7/8, etc., only load the polyfill used in the code

It is recommended to set it to entry. The complete .babelrc

content is as follows:

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

After adding these codes, most of the content in the project is compatible with ie9 version

The above is the detailed content of Does vue.js support ie9?. For more information, please follow other related articles on the PHP Chinese website!