Challenge 3 / 3

Suppose we have a component where an element of its template looks like this:

<button @click="onFormSubmit">Submit form!</button>

How could we print Form submit button clicked! to the console each time this button is clicked?

export default {
    methods() {
        const onFormSubmit = function() {
            console.log('Form submit button clicked!');
        };

        return onFormSubmit;
    }
};

export default {
    methods: {
        onFormSubmit() {
            console.log('Form submit button clicked!');
        },
    },
};

export default {
    computed: {
        onFormSubmit() {
            console.log('Form submit button clicked!');
        },
    },
};

export default {
    onFormSubmit() {
        console.log('Form submit button clicked!');
    },
};

Rewatch the video