Let's assume that you want to create a simple form in Vue:
vue<template> <form> <input v-model = 'name' placeholder = 'Write your name...' /> <button v-on:click = 'submit'>Submit</button> </form> <p v-if = 'submitted'>Form submitted</p> </template> <script> export default { name: 'form', methods: { submit(e){ e.preventDefault(); this.submitted = true; } }, data(){ return { name: '', submitted: false } } } </script>
Hi, I'm Erik, an engineer from Barcelona. If you like the post or have any comments, say hi.