首頁 > web前端 > Vue.js > 主體

vue.js支援ie9嗎

藏色散人
發布: 2023-01-13 00:44:51
原創
2963 人瀏覽過

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

vue.js支援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中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板