Vue 是一款流行的 JavaScript 框架，可以用于構建單頁面應用程序。與此同時，Babel 是一款 JavaScript 的轉譯器，它可以將最新版本的 JavaScript 代碼轉換成瀏覽器可以理解的舊版代碼。Vue 和 Babel 能夠完美配合，幫助開發者更輕松地編寫可讀性強，易于維護的代碼。

//babel.config.js
module.exports = {
presets: [
['@babel/preset-env', { targets: { node: 'current' } }],
'@vue/cli-plugin-babel/preset'
]
}

在使用 Vue 進行開發時，通常需要使用到 Babel 將新版 JavaScript 代碼轉換為舊版代碼。為此，我們需要在項目中安裝 @babel/core、@babel/preset-env、@vue/cli-plugin-babel 這三個依賴。

另外，在項目根目錄下的 babel.config.js 文件中，我們可以設置需要使用的 preset，以適配不同的運行環境。如上代碼所示，我們使用了 @babel/preset-env 和 @vue/cli-plugin-babel 這兩個 preset。其中，@vue/cli-plugin-babel 是 Vue CLI 項目自帶的 preset，它包含了一些 Vue 項目開發中常用的 Babel 插件，例如對 JSX 的支持。

通過與 Babel 的結合，Vue 能夠更加靈活地進行開發和部署，在提高開發效率的同時，也可以提供更好的代碼兼容性和穩定性。