vue.js能不能支持ie9

這篇文章將為大家詳細講解有關vue.js能不能支持ie9，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

vue.js支持ie9，因為Vue官方對于ie瀏覽器版本兼容情況的描述是“ie9+”，即是ie9及更高的版本；經過測試，Vue的核心框架vuejs本身，以及生態的官方核心插件均可以在ie9上正常使用。

Vue 官方對于 ie 瀏覽器版本兼容情況的描述是 ie9+，即是 ie9 及更高的版本。經過測試，Vue 的核心框架 vuejs 本身，以及生態的官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。

Vue 的作者尤雨溪對于Vue 的學習建議 中有提及為了將項目更好的生態化/工程化，要盡可能學習及使用新的 ECMAScript 規范。

目前 ES6/ES2015 是可用度和穩定度較高的規范，文檔齊全，國內還有 阮一峰 《ECMAScript 6 入門》 做了大量的文檔翻譯，開發環境可謂完善。

然而版本較舊的瀏覽器并不支持 es6 規范，尤其是 ie 瀏覽器，即使是最高的 ie11 版本，對于 es6 規范也支持得并不全。如此則需要對所有原生不支持 ES6 特性的瀏覽器做兼容性處理。

ES6兼容

在 ie9 的環境上，es6 的部分新對象、表達式，并不支持，解決方案是使用babel-polyfill組件，它可以將 es6 的代碼翻譯成低版本瀏覽器可以識別的 es5 代碼

npm i babel-polyfill --save-dev

安裝完成后，在項目的主入口文件 main.js 的首行就可以直接引用

import 'babel-polyfill';

在項目使用 vue-cli 生成的代碼中，根目錄有一個 .babelrc 文件，這是項目使用 babel 的配置文件。在默認生成的模板內容中，增加"useBuiltIns": "entry"的設置內容，這是一個指定哪些內容需要被 polyfill(兼容) 的設置

useBuiltIns 有三個設置選項

false - 不做任何操作

entry - 根據瀏覽器版本的支持，將 polyfill 需求拆分引入，僅引入有瀏覽器不支持的polyfill

usage - 檢測代碼中

ES6/7/8等的使用情況，僅僅加載代碼中用到的 polyfill

這里推薦設置為entry，完整的.babelrc

內容如下：

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

加入這些代碼后，工程里的大部分內容已可兼容到 ie9 版本

關于vue.js能不能支持ie9就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。