Herencia de componentes y mixins - Tutorial de Vue

Muchas veces sucede que cuando estamos programando aplicaciones web y creando componentes con Vue, estos componentes comparten características unos entre otros y esto hace que tengamos que duplicar código en cada uno de los componentes. O hay escenarios también en donde tenemos un componente base y queremos crear hijos a partir de ese componente. Te voy a mostrar dos técnicas que puedes utilizar para compartir características entre varios componentes. El ejemplo que puedes ver en pantalla es una pequeña aplicación que muestra componentes dependiendo lo que yo seleccione de este 'select'. Cada uno de estos componentes tiene un fondo y tiene un borde, como puedes ver en pantalla. Yo puedo utilizar los menús que ves aquí para cambiar los colores del fondo y del borde. Como cada uno de estos componentes reciben las mismas propiedades, yo he creado un 'mixin' para que estas propiedades se puedan compartir entre varios componentes. Te voy a mostrar el código que hace esta funcionalidad. Yo…