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中文網其他相關文章!