How to do this in vue?

Question

JavaScript

What should be used for this? Let's say there are 10 users per page. On pages like blocks in which there is information (numbers, letters: D). By clicking on these blocks, a modal window opens in which there is a form. So .. one of the users, clicks on one of the blocks, a window opens, enters data into the field, presses the button and what is in the field is entered into a table in the database. These changed data should appear in this block in 10 seconds without refreshing the page. How to make these blocks updated every 10 seconds? that is, a request was sent to the server to update the page. Something like this ... How to do it on vue, I don't want sockets.
PS which is better, vue.js or websockets?

Answer 1

I will rephrase your question so that you yourself understand:
What is better to use for repairs: a saw or a hammer?

Answer 2

First, vue.js and web sockets are different technologies. Absolutely.
Secondly, to solve the problem, you need to use web sockets.
The answer to the question why lies in the study of the operation of their mechanism and a simple projection on this task.