在使用vue.js時，不僅需要學習它的核心功能和API，還需要了解一些前端工具和庫。其中，babel是一個很重要的工具，它可以將ES6+的代碼轉換成ES5的代碼，以兼容老版本的瀏覽器。

babel是一個JavaScript編譯器，它可以將一個版本的JavaScript轉換成另一個版本的JavaScript。它可以將ES6+的代碼轉換成ES5的代碼，還可以將JSX語法轉換成正常的JavaScript語法。

在vue.js中使用babel非常簡單，只需要在項目中安裝babel-loader和babel-preset-env兩個依賴即可。其中，babel-loader是一個webpack的loader，用來處理JavaScript文件；babel-preset-env則是babel的一個preset，用來配置需要轉換的JavaScript版本。

{
// ...
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
options: {
presets: ["@babel/preset-env"]
}
}
]
}
}

以上是在webpack中使用babel的配置，其中，test字段表示需要處理的文件類型，exclude字段表示需要排除的文件夾，options字段表示babel的配置信息。

在babel-preset-env中，有一個非常重要的配置項是useBuiltIns。它用來控制是否開啟polyfill填充，以兼容不支持某些功能的瀏覽器。如果設置為false，則需要手動引入polyfill依賴；如果設置為entry，則會自動根據代碼中使用的功能引入相關的polyfill依賴；如果設置為usage，則會根據目標瀏覽器版本和代碼中使用的功能，自動按需引入polyfill依賴。

{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "usage",
"corejs": "3.0.0",
"targets": {
"chrome": "58",
"ie": "11"
}
}
]
]
}

以上是在.babelrc中使用babel-preset-env的配置，其中，useBuiltIns字段設置為usage，表示按需引入polyfill依賴，corejs字段表示使用的core-js版本，targets字段表示目標瀏覽器版本。另外，babel-preset-env還支持其他一些配置項，比如modules字段用來控制模塊轉換方式，loose字段用來控制代碼生成方式等。

總之，在vue.js中使用babel可以使我們充分發揮ES6+的新特性，同時也可以兼容老版本的瀏覽器，提高代碼的可維護性和可讀性。