Tengo un problema aquí que parece que no puedo solucionar: me gustaría tener un interruptor simple para un componente usando $emit

este es mi index.vue :

 <div v-for="(filteredArticles, categoryKey) in groupedCategories" :key="categoryKey" class="l" @listen-button-event="toggle" > <CategoryWrapper :title="categoryKey" /> </div>

 methods: { toggle () { alert('I did something') console.log('ping') this.isActive = !this.isActive } }

este es mi componente:

 <div :class="{ active: isActive }" @click="changeComponent()" > <a>{{ title }}</a> </div>

 data () { return { isActive: false } }, methods: { changeComponent () { this.$emit('listenButtonEvent') } }

no parece hacer nada...