vue.js支援ie9嗎

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

本文操作環境：Windows7系統、Dell G3電腦、vue2.0。

推薦：《vue教學》

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嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！