vue.js和flask项目之间的数据传递_vue与flask数据交互

基础准备

flask获取前端提交数据的方式

导入request包，

from flask import Flask,request,

request.form.get('price')   获取表单的数据   或者使用   request.form['price']

获取get请求提交的参数方式  

request.args.get('name')

获取post 请求提交参数的方式  

request.get_json()['name']

flask中设置调试为true，保存后就会重启服务器，方便调试。

if __name__ == '__main__':
    app.run(debug='True')  在此设置

vue中十分重视语法对齐，如果template标签中的元素没有对齐，则会出现错误

 error Mixed spaces and tabs no-mixed-spaces-and-tabs

当元素对齐后，该错误就会消失。

input框中获取数据有两种方式，第一种使用ref关键字，第二种v-model

详解请看  https://www.cnblogs.com/zbl3033/p/13394855.html

flask中的跨域请求，可以使用全局跨域请求路由，或者用于单个路由。

 详情参考：  https://www.jianshu.com/p/66f34be9cf81 

一、安装axios：

首先安装axios，axios为通过api接口的方式访问flask，官方介绍地