Vue和Flask是兩種不同的技術，Vue是一種前端JavaScript框架，Flask是一種Python的微型Web框架，但是它們可以相互協作，實現前后端交互的目的。通過Vue發送HTTP請求，Flask可以接收請求并處理數據，然后通過HTTP響應將數據返回給Vue，Vue再將數據渲染到DOM中。

在Vue中使用HTTP請求的方式有多種，比如常用的axios庫，或者Vue自帶的$http和fetch方法。下面我們使用axios作為例子：

import axios from 'axios'
axios.get('/api/data')
.then(response =>{
console.log(response.data)
})
.catch(error =>{
console.log(error)
})

上面的代碼使用axios發送了一個GET請求，請求的地址是"/api/data"。在Flask中，我們需要編寫一個路由函數來處理這個請求：

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

上面的代碼定義了一個GET方法的路由"/api/data"，在請求到達時會執行get_data函數，該函數返回了一個字典，并使用Flask提供的jsonify方法將字典轉換為JSON格式的響應。

最后，我們需要在Vue中渲染從Flask返回的數據：

import axios from 'axios'
axios.get('/api/data')
.then(response =>{
console.log(response.data)
this.userInfo = response.data
})
.catch(error =>{
console.log(error)
})

在Vue的data選項中定義一個名為userInfo的屬性，然后在請求的回調函數中將從Flask返回的數據賦值給userInfo，這樣就可以在Vue的模板中使用userInfo了。