Estoy trabajando en un componente modal usando VueJS 2. En este momento, básicamente funciona: hago clic en un botón y el modal se abre, etc.

Lo que quiero hacer ahora es crear un nombre único para el modal y asociar el botón con ese botón en particular.

Esto es lo que tengo en mente. El modal tiene una propiedad de nombre única:

<modal name='myName'>CONTENT</modal>

Y este sería el botón asociado:

<button @click="showModal('myName')"></button>

Lo que necesito descubrir es cómo pasar el parámetro de showModal al componente modal.

Aquí está el método que estoy usando en la instancia de root vue (es decir, NO dentro de mi componente modal):

methods: {
    showModal(name) { this.bus.$emit('showModal'); },
}

Lo que quiero hacer es acceder a la propiedad de nombre en el componente, algo como esto:

created() {
    this.bus.$on('showModal', () => alert(this.name));
}

Pero esto aparece comoundefined.

Entonces, ¿qué estoy haciendo mal? ¿Cómo puedo acceder a la propiedad de nombre dentro del componente modal?

NOTA: Si se pregunta qué es this.bus. $ On, consulte la siguiente respuesta a una pregunta anterior que hice:https://stackoverflow.com/a/42983494/7477670