¿cual es la diferencia entre v-on:click="" y @click=""?

Hola:wave: No hay diferencia entre los dos, uno es solo una abreviatura para el segundo.

El prefijo v sirve como una señal visual para identificar atributos específicos de Vue en sus plantillas. Esto es útil cuando está utilizando Vue.js para aplicar un comportamiento dinámico a algún marcado existente, pero puede parecer detallado para algunas directivas de uso frecuente. Al mismo tiempo, la necesidad del prefijo v- se vuelve menos importante cuando se construye un SPA donde Vue.js administra cada plantilla.

<!-- full syntax -->

<a v-on:click="doSomething"></a>

<!-- shorthand -->

<a @click="doSomething"></a>