需求: 项目后期要求兼容IE8以上版本浏览器,IE8及以下提示当前浏览器版本过低

vue不支持IE8及以下的版本,
同时如果是使用vue-cli构建的项目也不能在IE8以上的版本(ie9,ie10,ie11)中运行

为了实现需求在IE8以上的版本中运行项目
我们需要结合在vue-cli的基础上结合webpack和webpack-cli来搭建项目

这位大佬写的很详细,按照步骤新建一个vue项目做测试
https://blog.csdn.net/James_l...

然后使用导入babel-polyfill
https://segmentfault.com/a/11...

问题1--IE打开项目仍然显示空白
https://blog.csdn.net/zhangqi...
问题2--样式错乱
https://blog.csdn.net/weixin_...

现在可以在ie9级以上版本的浏览器运行了

判断当前浏览器是否为IE,但是当版本低于IE9时,项目无法运行,下列代码都不能执行

  created () {    this.getBowers()  },  methods: {    getBowers () {      var userAgent = navigator.userAgent // 取得浏览器的 userAgent 字符串      console.log(userAgent)      if (userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 && !userAgent.indexOf('Opera') > -1) {        alert('IE')        console.log('哈哈')      }    }  }