How to display new messages as a chat in vue.js?

Question

Vue.js

The task is to sketch a simple chat on vue.js. I don’t know which side to approach. The chat is not real, just a demo. For example, I write "Hello" and get back Hello, sir. I write How are you and I get a reply How are you, sir. Etc. Interested only in the moment of building the tree
Everything in the framework of studying vue.js. In JQuery, I would simply add new messages under the old ones and that would build a tree. But how to do the same in Vuejs?

Answer 1

Create an array in data, push a message into it, output this array in the template via v-for.