Flask+Vue+ElementUI开源框架推荐

我们可以使用 Flask 作为后端框架，Vue 和 ElementUI 作为前端框架。这样的组合可以快速搭建一个具有良好用户界面的Web应用程序。

以下是一个简单的示例，展示如何在 Flask 后端设置一个简单的路由，以及如何在 Vue 前端使用 ElementUI 创建一个简单的页面。

Flask 后端 (app.py):

from flask import Flask, render_template
 
app = Flask(__name__)
 
@app.route('/')
def index():
    return render_template('index.html')
 
if __name__ == '__main__':
    app.run(debug=True)

Vue 前端 (src/views/Index.vue):

<template>
  <div>
    <el-button @click="handleClick">点击我</el-button>
  </div>
</template>
 
<script>
export default {
  methods: {
    handleClick() {
      this.$message('按钮被点击');
    }
  }
}
</script>

在 Vue 前端，我们使用 ElementUI 的 <el-button> 组件来创建一个按钮，并通过 @click 事件处理器调用 handleClick 方法，该方法使用 ElementUI 的 $message 方法来显示一个弹窗消息。

这只是一个非常基础的示例，实际应用中你需要进一步配置 Flask 和 Vue 项目，例如安装 Flask-CORS 以处理跨域问题，配置 Vue Router 和 Vuex，以及处理更复杂的前后端交互等。