Create a simple form in Vue

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.