【VUE】小白入门（3）前端vue与后端Flask数据传输交互（demo）

前端vue与后端Flask数据传输交互（demo）

1.实现目的

昨天过了一遍vue加flask的教程，然后准备把自己以前写的简单demo变成vue和flask的形式的。
流程：
（1）在前端输入框输入【英文单词】
（2）点击提交按钮，POST到flask后端
（3）得到后端处理【翻译】后，数据显示在前端。
处理数据的部分全在flask后端
前端是vue的，与后端唯一交集在于传数据，so开始吧。

先放结果图！[简单demo,不好看认了]

提交后：
【client端】：


【server端】：

2.实现代码

用了很多抖机灵的方法
首先server端：app.py里：
queryWords()是根据有道翻译写的一个函数:英译中。不是重点。
（1）新建一个列表WORDTL
words代表单词，tl代表翻译结果【因为可能会有几个意思，就用列表形式，当然queryword()也让他返回一个列表就成】
（2）定义一个新route和方法：

WORDTL=[{
    'words': '',
    'tl': []
}]
@app.route('/tl', methods