Flask Vue 是一種常用的全棧 Web 開發框架,它結合了 Flask 后端框架和 Vue.js 前端框架。使用 Flask Vue 可以快速開發高效易維護的 Web 應用程序。
下面介紹如何在 Flask 中集成 Vue。
首先,創建一個 Flask 應用程序:
from flask import Flask, jsonify, render_template
app = Flask(__name__)
@app.route("/")
def index():
return render_template("index.html")
接下來,在 static 文件夾中創建一個名為 vue 的文件夾,在該文件夾中添加 Vue.js 和其他必要的 js 文件和 css 文件。
在 templates 文件夾中創建一個名為 index.html 的模板文件:
Flask Vue
在這個模板中,我們使用 Vue.js 創建了一個帶有 "Hello Flask Vue!" 消息的 div 標簽,并將其掛載到 id 為 "app" 的 DOM 元素上。
現在,我們已經成功地將 Flask 和 Vue.js 集成在一起了。可以在 Flask 服務器上運行應用程序并查看結果。
這只是使用 Flask Vue 的一部分功能,此框架還提供了其他許多功能,例如授權驗證、API 路由、數據持久化等。可以使用 Flask Vue 快速構建強大的 Web 應用程序。