VUE 和IE浏览器的兼容性(不适用webpack等打包工具,原生开发)

因为工作上的某些原因,开发框架被要求必须使用jsp视图等情况,使我无法使用webpack等打包工具进行vue组件的开发;

在使用直接引入js开发vue的情况下发现,IE对vue并不友好(webpack开发没有使用babel等兼容组件时也没有问题,vueLoad帮我们搞定了这个事情)。

我目前发现的兼容性问题主要有两个方面:

第一:IE浏览器认为 `` (不是单引号是1键左边的按键)字符是非法字符。

解决方案就是使用 ''(英文单引号)替换 `` 符号,这里需要注意单引号换行时的时候需要 + ' ' ;尽量不要在标签里再使用 '' 为标签属性赋值,尽量使用 " " 号。

第二:IE浏览器不支持对象简写形式,例如:

这种形式chrome,火狐,欧朋浏览器是支持的,但是IE认为是语法错误。

解决方案:

这种方式目前测试,所有浏览器都兼容。

注:如果不是因为某些特殊原因导致不能使用webpack + node.js 这种开发模式的化,这是兼容性调试的需要注意的地方。

这里强烈建议使用 webpack的开发方式,减少错误,语法检查,热更新,代码压缩,提高效率……  

猜你喜欢

转载自blog.csdn.net/qq_26462567/article/details/82904953
今日推荐