這篇文章將為大家詳細講解有關vue.js能不能支持ie9,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)服務緊隨時代發(fā)展步伐,進行技術革新和技術進步,經(jīng)過十多年的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設計師、專業(yè)的網(wǎng)站實施團隊以及高素質(zhì)售后服務人員,并且完全形成了一套成熟的業(yè)務流程,能夠完全依照客戶要求對網(wǎng)站進行成都網(wǎng)站建設、做網(wǎng)站、建設、維護、更新和改版,實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
vue.js支持ie9,因為Vue官方對于ie瀏覽器版本兼容情況的描述是“ie9+”,即是ie9及更高的版本;經(jīng)過測試,Vue的核心框架vuejs本身,以及生態(tài)的官方核心插件均可以在ie9上正常使用。
Vue 官方對于 ie 瀏覽器版本兼容情況的描述是 ie9+,即是 ie9 及更高的版本。經(jīng)過測試,Vue 的核心框架 vuejs 本身,以及生態(tài)的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。
Vue 的作者尤雨溪對于Vue 的學習建議 中有提及為了將項目更好的生態(tài)化/工程化,要盡可能學習及使用新的 ECMAScript 規(guī)范。
目前 ES6/ES2015 是可用度和穩(wěn)定度較高的規(guī)范,文檔齊全,國內(nèi)還有 阮一峰 《ECMAScript 6 入門》 做了大量的文檔翻譯,開發(fā)環(huán)境可謂完善。
然而版本較舊的瀏覽器并不支持 es6 規(guī)范,尤其是 ie 瀏覽器,即使是最高的 ie11 版本,對于 es6 規(guī)范也支持得并不全。如此則需要對所有原生不支持 ES6 特性的瀏覽器做兼容性處理。
ES6兼容
在 ie9 的環(huán)境上,es6 的部分新對象、表達式,并不支持,解決方案是使用babel-polyfill組件,它可以將 es6 的代碼翻譯成低版本瀏覽器可以識別的 es5 代碼
npm i babel-polyfill --save-dev
安裝完成后,在項目的主入口文件 main.js 的首行就可以直接引用
import 'babel-polyfill';
在項目使用 vue-cli 生成的代碼中,根目錄有一個 .babelrc 文件,這是項目使用 babel 的配置文件。在默認生成的模板內(nèi)容中,增加"useBuiltIns": "entry"的設置內(nèi)容,這是一個指定哪些內(nèi)容需要被 polyfill(兼容) 的設置
useBuiltIns 有三個設置選項
false - 不做任何操作
entry - 根據(jù)瀏覽器版本的支持,將 polyfill 需求拆分引入,僅引入有瀏覽器不支持的polyfill
usage - 檢測代碼中
ES6/7/8等的使用情況,僅僅加載代碼中用到的 polyfill
這里推薦設置為entry,完整的.babelrc
內(nèi)容如下:
{ "presets": [ [ "env", { "modules": false, "useBuiltIns": "entry" } ], "stage-3" ] }
加入這些代碼后,工程里的大部分內(nèi)容已可兼容到 ie9 版本
關于vue.js能不能支持ie9就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。