<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test Vue Input</title> </head> <body> <div id="app-input-2"> <h3> Testando eventos : {{message}} </h3> <input type="text" v-model="message" placeholder="Digite sua mensagem" > <button v-on:click="addMessage">Salvar</button> <ol v-show="messages"> <li v-for="item in messages">{{item}}</li> </ol> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app = new Vue({ el: '#app-input-2', data: { message:'', messages: [] }, methods: { addMessage: function () { this.messages.push(this.message) } } }) </script> </body> </html>