vue.js能不能支持ie9
这篇文章将为大家详细讲解有关vue.js能不能支持ie9,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联服务紧随时代发展步伐,进行技术革新和技术进步,经过十多年的发展和积累,已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员,并且完全形成了一套成熟的业务流程,能够完全依照客户要求对网站进行成都网站建设、做网站、建设、维护、更新和改版,实现客户网站对外宣传展示的首要目的,并为客户企业品牌互联网化提供全面的解决方案。
vue.js支持ie9,因为Vue官方对于ie浏览器版本兼容情况的描述是“ie9+”,即是ie9及更高的版本;经过测试,Vue的核心框架vuejs本身,以及生态的官方核心插件均可以在ie9上正常使用。
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
标题链接:http://pwwzsj.com/article/jhogjj.html