Flag of Ukraine
SymfonyCasts stands united with the people of Ukraine
TRACK

JavaScript Frameworks & Tools >

COURSE

The Delightful World of Vue >

CHAPTER

v-on & methods: User Interaction

Buy Access to Course
Next Chapter

Challenge #3 of 3

Q: 

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?

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

        return onFormSubmit;
    }
};
b) 
export default {
    methods: {
        onFormSubmit() {
            console.log('Form submit button clicked!');
        },
    },
};
c) 
export default {
    computed: {
        onFormSubmit() {
            console.log('Form submit button clicked!');
        },
    },
};
d) 
export default {
    onFormSubmit() {
        console.log('Form submit button clicked!');
    },
};
Rewatch Video
userVoice