用vue和flask实现前后端交互

可以通过Vue的axios库来发送HTTP请求，与Flask后端交互。具体步骤如下：

1. 在Vue项目中安装axios库：

npm install axios --save

2. 在Vue组件中使用axios发送请求：

import axios from 'axios';

export default {
  data() {
    return {
      message: '',
    };
  },
  methods: {
    async sendMessage() {
      const response = await axios.post('/api/send_message', { message: this.message });
      console.log(response.data);
    },
  },
};

3. 在Flask中定义路由和视图函数：

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/api/send_message', methods=['POST'])
def send_message():
    message = request.json.get('message')
    # do something with the message
    response = {'status': 'success'}
    return jsonify(response)

这样，前端Vue组件就可以通过axios库向Flask后端发送请求，并且后端可以处理请求并返回响应。