Vue.js与Flask后端配合

1. 简介

1.1. 概述

Vue3.js 是一个用于构建用户界面的渐进式框架，而 Flask 是一个使用 Python 编写的轻量级 web 框架。两者可以很好地配合使用，共同构建一个完整的 web 应用程序。以下是它们结合使用的完整代码示例。

1.2. 学习资源

1.2.1. vue3

• 学习地址：https://cn.vuejs.org/

1.2.2. Flask

• 官网：http://www.pythondoc.com/flask/index.html
• 中文网：http://flask123.sinaapp.com/flatpage/howto/

2. 详细介绍

2.1. 创建 Flask 后端

我们需要创建一个 Flask 应用程序，这可以通过以下步骤完成：

pip install flask

然后创建一个名为 app.py 的文件，并写入以下代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def home():
    return render_template("index.html")

if __name__ == "__main__":
    app.run(debug=True)

2.2. 创建 Vue3.js 前端

接下来，我们需要创建一个 Vue3.js 应用程序。