Flask Vue組件是一種將Flask作為后端服務器提供服務，Vue作為前端UI框架構建用戶界面的技術架構。在這種架構下，前后端通信采用API接口來實現。Flask提供Restful接口，Vue用Axios組件進行異步請求，實現數據的獲取和更新。

其中Flask的工作方式是，通過請求指派到相應的視圖函數，通過視圖函數處理請求，得到需要的數據或者進行相應的操作，再返回響應。這些視圖可以返回模板、json數據或者其他格式的數據。

from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/api/data', methods=['GET'])
def get_data():
data = {'name': 'John', 'age': 30, 'city': 'New York'}
return jsonify(data)

上述代碼是一個Flask視圖函數樣例，這個視圖函數處理以‘/api/data’為路徑的GET請求，返回一個包含三條信息的json數據，數據格式如下：

{
"name": "John",
"age": 30,
"city": "New York"
}

而在Vue中，我們可以通過Axios組件來請求這個接口的數據。Axios是一個基于Promise的HTTP庫，可以用于瀏覽器和node.js的HTTP客戶端，它同時支持請求攔截和響應攔截，在請求時可以進行預處理，響應時可以進行處理。

import axios from 'axios'
export default {
name: 'data',
data () {
return {
info: ''
}
},
created () {
axios.get('/api/data')
.then(response =>{
this.info = response.data
})
.catch(error =>{
console.log(error)
})
}
}

這是一個Vue組件樣例，其中用于獲取數據的代碼是在created鉤子中執行。在這段代碼中，我們使用了Axios組件進行GET請求，請求的地址為‘/api/data’，請求成功后將數據存儲到Vue組件的data屬性中。