解决前后端不分离IE浏览器ES6兼容性问题

今天偶尔发现了 Vue + elementUI 项目在360浏览器的兼容模式下报错的情况，因为是刚开始学习接触Vue时的项目，所以没有完全做成前后端分离的模式，只是在html页面中以<script>标签的形式使用。
于是在IE浏览器或者使用IE内核的浏览器（如360浏览器兼容模式等）中会出现如下问题
查找资料后发现原因是IE浏览器不支持ES6语法导致报错。浏览一些论坛也都是关于前后端分离的兼容性问题解决办法，对于这个项目不适用。下面是我解决前后端不分离的情况使用的办法，两者原理是一样的。

1 下载babel模块

这个可以通过npm很容易下载到，随便找一个文件夹

输入：npm install babel-core@5

很容易在下载的文件夹下找到这两个文件，并将这两个文件复制放入你的项目中。

2 在项目中安顺序引入

然后在你发现兼容性有问题的页面中引入
<script src="../browser.js" type="text/javascript"></script>
<script src="../browser-polyfill.js" type="text/javascript">&l