脚本宝典收集整理的这篇文章主要介绍了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吗的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的vue.js支持ie9吗全部内容，希望文章能够帮你解决vue.js支持ie9吗所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。