現在越來越多的網站采用前后端分離的技術，前端使用Vue、React等框架，后端使用Flask、Django等框架。對于Flask對接Vue，我們需要簡單了解一下前后端分離的基本概念。

前后端分離是指把網站的前端和后端按照功能分開開發，在前端和后端之間通過API進行數據交互和通信。這種方式可以極大地提高代碼重復利用率、擴展性和維護性。Flask是基于Python的輕量級框架，可以快速搭建Web應用程序，而Vue是一種漸進式JavaScript框架，可以實現高效的頁面組件化開發。

// Flask后端代碼示例
from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/')
def index():
return 'Hello, World!'
@app.route('/api/')
def api():
return jsonify({'name': 'John', 'age': 20})
if __name__ == '__main__':
app.run()

// Vue前端代碼示例

上面的代碼中，Flask代碼在啟動后監聽一個根路徑和一個API路徑，分別返回一個字符串和一段JSON數據。在Vue代碼中，我們通過axios庫向Flask的API路徑發送GET請求，在請求返回后將JSON數據渲染到頁面上。

需要注意的是，在開發過程中，Flask和Vue都需要配置跨域訪問。Flask可以通過安裝flask_cors擴展來配置，具體過程可以參考文檔。Vue可以通過在config/index.js文件中增加proxyTable來實現跨域代理，如下所示：

// Vue配置文件示例
module.exports = {
dev: {
proxyTable: {
'/api': {
target: 'http://localhost:5000', // Flask地址
changeOrigin: true
}
}
}
}

在代理中，我們將API路徑/api代理到Flask的地址http://localhost:5000，然后在Vue中通過axios發送請求時，只需要使用相對路徑/api即可。

綜上所述，使用Flask對接Vue是一種非常常見的前后端分離技術，我們可以通過API實現數據的通信和交互，提高代碼質量和開發效率。