vue.js支持ie9吗

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吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3021268.html

(0)
上一篇 2025年3月13日 05:44:36
下一篇 2025年3月11日 23:10:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用vue.js用什么编辑器

    vue.js可以用vscode或者WebStorm软件编辑;vscode是一款免费开源的现代化轻量级代码编辑器;WebStorm是jetbrains公司旗下一款JavaScript开发工具。 推荐:《vue教程》 vue.js可以用vsco…

    2025年3月13日
    200
  • 使用vue.js如何实现轮播

      使用vue.js实现轮播的方法:首先使用“”将相应的元素包裹住;然后在“.imgShoudMove”中设置动画属性;最后采用Vue结合Css3来实现轮播图即可。 本教程操作环境:windows7系统、vue2.0&&cs…

    2025年3月13日
    200
  • .vue 是什么

    vue是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架;Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。 本文操作环境:Win…

    2025年3月13日
    200
  • vue.js怎样引入到HTML中

    vue.js引入到HTML中的方法:首先下载vue.js;然后在HTML中加入vue.js包,其语法如“”。 本教程操作环境:windows7系统、vue2.0版,Dell G3电脑。 推荐:《vue教程》 vue.js引入到HTML中 对…

    2025年3月13日
    200
  • vue前端UI框架有哪些?

    vue前端UI框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront、Vux、Mint UI、Vant等等。 本文操…

    2025年3月13日
    200
  • vue amap怎么用

    vue amap的使用方法:首先通过“vue init webpack vueamap”下载vue webpack的模板;然后使用“cnpm install vue-amap –save”安装vue-amap;最后运用此组件库即…

    2025年3月13日 编程技术
    200
  • .js文件中怎么引用vue

    js文件中引用vue的方法:1、定义一个变量context用来接收vue,然后执行http.js导出的initContext方法;2、创建main.js导出vue实例,然后在需要使用的js中引入实例即可。 本教程操作环境:windows7系…

    2025年3月13日
    200
  • 怎么用vue.js做异步请求

    用vue.js做异步请求的方法:首先在项目中安装axiox;然后在main.js中引入axiox,以供全局使用;接着进行axios get请求;最后实现axios post请求即可。 本教程操作环境:windows7系统、vue2.0版本、…

    2025年3月13日
    200
  • vue.use方法怎么用

    vue.use方法的使用:首先安装Vue.js插件;然后通过全局方法“Vue.use()”使用插件,其语法如“vue.use(plugin, arguments)”。 本教程操作环境:windows7系统、vue2.0版本、thinkpad…

    2025年3月13日
    200
  • ant design支持vue吗

    ant design支持vue,因为ant design有vue版本的,对应的名称为“ant-design-vue”;在vue项目中可以使用“npm i –save ant-design-vue”命令进行安装,然后使用即可。 推…

    2025年3月13日
    200

发表回复

登录后才能评论