vue2.0 兼容ie9及其以上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0 兼容ie9及其以上相关的知识,希望对你有一定的参考价值。

技术分享图片


vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue-cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行


下面就来讲vue如何在ie8以上ie版本中运行


1.安装 babel-polyfill


cnpm install babel-polyfill --save-dev

2.在项目入口文件,如本项目中的main.js文件中 引用babel-polyfill


import ‘babel-polyfill‘

3.修改webpack配置文件


module.exports = {
  entry: {
    app: [‘babel-polyfill‘, ‘./src/main.js‘]
  },
  ...
}

到此 编译项目npm run build之后 该项目就可以成功在ie8以上的浏览器中打开了
flex布局不兼容ie9及其一下

原文地址:https://segmentfault.com/a/1190000017323584






以上是关于vue2.0 兼容ie9及其以上的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0 代码功能片段

文字溢出显示省略号,兼容ie9以上浏览器

改变网页的兼容性模式

vue2.0以上版本安装sass(scss)

vue浏览器兼容性问题ie9 ie10 edge

兼容模式下ie9和ie10显示样式在不兼容模式下为啥不加载css样式?