Saltar al contenido

Cómo crear Mixins en Vue.js con examplesJan, 29thIn este tutorial, vamos a aprender acerca de cómo crear y utilizar …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo crear y utilizar mixins en vuejs.

¿Qué es un Mixin?

En Vue.js Mixins nos ayuda a distribuir las funcionalidades vue reutilizables para diferentes componentes.

Cuando utilice el componente MixIn todas las opciones contenidas en el mixin se mezcla en las opciones propias de componentes.

Creación de un mixin

Vamos a crear un nuevo archivo llamado my-mixin.js.

export const formMixin = {
data: function() {
return {
email: "",
password: ""
};
}
};

En el código anterior, estamos exportando un formMixin que contiene las propiedades de datos de correo electrónico y contraseña.

Este objeto mixin puede aceptar todas las opciones que utilizamos en vue ejemplo.

El uso de un mixin

Estamos utilizando nuestra formMixin interior de la pieza de conexión y la componente de Registro, ya que ambos están utilizando algunas funcionalidades vue comunes.

Para utilizar el mixin el interior de los componentes que necesitamos para importar un mixin y añadirlo a la matriz de opciones mixins. el uso de