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

開平網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),開平網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為開平上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的開平做網(wǎng)站的公司定做！

vue.js支持ie9，因?yàn)閂ue官方對(duì)于ie瀏覽器版本兼容情況的描述是“ie9+”，即是ie9及更高的版本；經(jīng)過測(cè)試，Vue的核心框架vuejs本身，以及生態(tài)的官方核心插件均可以在ie9上正常使用。

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

Vue 的作者尤雨溪對(duì)于Vue 的學(xué)習(xí)建議 中有提及為了將項(xiàng)目更好的生態(tài)化/工程化，要盡可能學(xué)習(xí)及使用新的 ECMAScript 規(guī)范。

目前 ES6/ES2015 是可用度和穩(wěn)定度較高的規(guī)范，文檔齊全，國(guó)內(nèi)還有 阮一峰 《ECMAScript 6 入門》 做了大量的文檔翻譯，開發(fā)環(huán)境可謂完善。

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

ES6兼容

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

npm i babel-polyfill --save-dev

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

import 'babel-polyfill';

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

useBuiltIns 有三個(gè)設(shè)置選項(xiàng)

false - 不做任何操作

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

usage - 檢測(cè)代碼中

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

這里推薦設(shè)置為entry，完整的.babelrc

內(nèi)容如下：

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

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

關(guān)于vue.js能不能支持ie9就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享題目：vue.js能不能支持ie9-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/dsssjp.html