vue ie8不兼容的解决办法：1、用“babel-polyfill”将es6的语法转成es5；2、引入“es6-promise”；3、提示升级浏览器或者通过“(function(w){if(!(websocketin w&&2===w.websocket.closing)){...}”直接跳转升级即可。
本教程操作环境：windows10系统、vue 3版、dell g3电脑
vue ie8 不兼容提示怎么解决？
解决vue兼容低版本浏览器的简单方法
vue 不支持 ie8 及以下版本，因为 vue 使用了 ie8 无法模拟的 ecmascript 5 特性。但它支持所有兼容 ecmascript 5 的浏览器。使用vuex和axios时需要浏览器支持：promise，而ie并不支持promise。
tip：如果项目需要支持ie用户，不建议使用vue构建。
如何使用vue支持更多的浏览器版本？
方法一、babel-polyfill 模拟es2015+要用 babel-polyfill 来将 es6 的语法转成es5，模拟整个 es2015+ 环境。可以使用promise 和weakmap，方法array.from，object.assign ，array.prototype.includes。
npm install --save babel-polyfillrequire("babel-polyfill");import "babel-polyfill";
方法二、es6-promise 支持 promisenpm install es6-promiserequire('es6-promise').polyfill();
tip:虽然这些polyfill 满足了一些需求，但无形中增加了项目的大小。
方法三、低版本浏览器提示兼容低版本浏览器本身就是一件很痛苦的事情，同时ie浏览器已经基本成为过去时了，如果再为了兼容这些浏览器做过多的工作的话，实在是一种浪费。
提示用户升级浏览器也是一个不错方法。推荐网站：快乐浏览。
快乐浏览：提供常用的浏览器下载，包括谷歌、火狐、360浏览器等。在vue项目中的public\index.html文件里添加如下js代码：
提示升级浏览器
(function(w){if(!("websocket"in w&&2===w.websocket.closing)){var d=document.createelement("div");d.classname="browsehappy";d.innerhtml='<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#e90d24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#ffeb3b;">\u7acb\u5373\u5347\u7ea7</a></div>';var f=function(){var s=document.getelementsbytagname("body")[0];if("undefined"==typeof(s)){settimeout(f,10)}else{s.insertbefore(d,s.firstchild)}};f()}}(window));
直接跳转
(function(w){if(!("websocket"in w&&2===w.websocket.closing)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));
综合来讲，目前ie用户已经基本很少了，没有必要为了兼容ie用户做出很多妥协。或许强制用户升级浏览器是一个不错的选择。
推荐学习：《vue视频教程》
以上就是vue ie8 不兼容提示怎么解决的详细内容。