在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'
第二個：在webpack.config.js文件中，entry 入口處，依照以下修改
第三種：使用cdn的資源，以js的檔案加入html頁面：例如：
說明：
babel外掛雖然可以幫我們把es6語法的寫法轉成es5的寫法，但是卻不能轉換新的API，例如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全域物件都不會轉換，如果想讓這個方法運行，必須使用babel-polyfill，為目前環境提供一個墊片。
安裝指令如下。
然後，在腳本頭部，加入以下一行程式碼。
【相關推薦：《vue.js教學》】
以上是vue的babel是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！
