¿Cuáles son las fases de los eventos en javscript?

Cada vez que pulsamos una tecla, hacemos click u otras interacciones dentro de una página web se esta produciendo un evento. En este post vamos a ver, a través de un ejemplo, el recorrido que tienen los eventos y un posible problema que nos podemos encontrar si no lo conocemos.

Hoy en día está poniéndose de moda dejar atrás el desarrollo web puramente en Javascript y jQuery para dar el salto a frameworks que implementan el paradigma reactivo. En este contexto, a muchos de los que están mirando Vue con cariño les surge la pregunta: ¿qué es mejor, jQuery o Vue? Pero ¿es válido compararlos cuando, por ejemplo, podemos usar jQuery dentro de los componentes de Vue? ¿Estamos tratando de comparar peras con olmos?