在vue中，Babel是一个JavaScript编译器，主要用于将采用ECMAScript 2015+语法编写的代码转换为向后兼容的JavaScript语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。
vue项目中普遍使用es6语法，但有时我们的项目需要兼容低版本浏览器，这时就需要引入babel插件，将es6转成es5。下面我们来了解一下babel是什么。
Babel 是一个 JavaScript 编译器
Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情：
立即学习“前端免费学习笔记（深入）”；
语法转换
通过 Polyfill 方式在目标环境中添加缺失的特性 （通过引入第三方 polyfill 模块，例如 core-js）
源码转换（codemods）
// Babel 输入： ES2015 箭头函数
[1, 2, 3].map(n => n + 1);
// Babel 输出： ES5 语法实现的同等功能
[1, 2, 3].map(function(n) {
return n + 1;
});vue中引入babel步骤
1、安装babel-polyfill插件
npm install --save-dev babel-polyfill
2、安装成功后有三种引入方式
第一种：在入口文件中引入，例如：main.js中加入
import 'babel-polyfill'
NetShopForge是一款强劲的B2C的网上购物软件,利用她我们能建立起强劲的、自由的、安全的购物平台。 维博软件以有这样的软件无比自豪，系统基于ASP.NET 2.0及SqlServer开发，充分享受新技术带来的乐趣。 软件综合了卖家，买家，程序员，设计者的头脑风暴，目的就是用户能建立风格不同的电子商务系统，使它显得更加与众不同。 如果您寻求一款能按您的思想随意发挥的网上购物软件,那么Net
第二种：在 webpack.config.js 文件中，entry 入口处，按照如下修改
第三种：使用cdn的资源，以js的文件加入到html页面：例如：
说明：
babel插件虽然可以帮我们把es6语法的写法转成es5的写法，但是却不能转换新的API，比如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局对象都不会转换，如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。
安装命令如下。
然后，在脚本头部，加入如下一行代码。
【相关推荐：《vue.js教程》】
