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

JavaScript Frameworks & Tools >

COURSE

The Delightful World of Vue >

CHAPTER

Communication UP with $emit

Buy Access to Course
Next Chapter

Challenge #1 of 1

Q: 

Which of these examples will NOT emit an event called button_click when the button is clicked?

a) 
<template>
    <button :click="$emit('button_click')" />
</template>

<script>
export default {
    name: 'ButtonComponent',
};
</script>
b) 
<template>
    <button @click="$emit('button_click')" />
</template>

<script>
export default {
    name: 'ButtonComponent',
};
</script>
c) 
<template>
    <button @click="onButtonClicked" />
</template>

<script>
export default {
    name: 'ButtonComponent',
    methods: {
        onButtonClicked() {
            this.$emit('button_click');
        },
    },
};
</script>
d) 
<template>
    <button v-on:click="onButtonClicked" />
</template>

<script>
export default {
    name: 'ButtonComponent',
    methods: {
        onButtonClicked() {
            this.$emit('button_click');
        },
    },
};
</script>
Rewatch Video
userVoice