Flask和Vue.js是两个非常流行的Web框架。Flask是一个Python Web框架，Vue.js是一个JavaScript框架，用于建立适用于Web的用户界面。这两个框架的结合可以使Web开发变得更加容易和有趣。

如果您想使用Flask和Vue.js创建实时Web应用程序，最佳选择是Flask-Sockets和Vue-Socket.io。 Flask-Sockets是一个Flask的扩展，它允许处理WebSocket请求，而Vue-Socket.io是一种订阅模式客户端，用于处理WebSocket消息。

要安装Flask-Sockets，您可以使用pip命令：

pip install flask-sockets

安装Vue-Socket.io可以使用npm：

npm install vue-socket.io

当您的应用程序要使用WebSocket时，您需要在您的Flask程序中引入WebSocket支持：

from flask_sockets import Sockets
app = Flask(__name__)
sockets = Sockets(app)

然后，您需要定义一个处理WebSocket请求的路由。您可以使用Flask-Sockets提供的“websocket”装饰器：

@sockets.route('/echo')
def echo_socket(ws):
while True:
message = ws.receive()
ws.send(message)

这个路由定义了一个WebSocket端点，它接收来自客户端的任何消息并将其发送回去。

在您的Vue.js应用程序中，您可以使用Vue-Socket.io来订阅WebSocket消息。您需要使用Vue-Socket.io提供的“connect”方法来连接到WebSocket服务器：

import VueSocketio from 'vue-socket.io'
Vue.use(VueSocketio, 'http://localhost:5000')

在这个例子中，我们连接到本地主机上的端口5000。

一旦连接建立，您可以使用Vue-Socket.io提供的“socket”对象来接收服务器发送的消息，例如：

var vm = new Vue({
	el: '#app',
	mounted: function () {
this.$socket.emit('message', 'Hello, World!')
this.$socket.on('message', function (message) {
console.log(message)
})
	}
})

这个代码片段定义了一个Vue.js应用程序，它使用Vue-Socket.io来发送和接收消息。在这个例子中，我们发送一条消息并侦听从服务器发送的任何消息。