En mi aplicación, hay un componente de página de menú. En este componente, hay múltiples datos estáticos y variables inicializados. Como abajo
data() { return { tableInfo: { headers: ..., contents: ..., pagination: .... }, url: { searchUri: ..., detailsUri: .... // other component specific uri }, searhInfo: { label: ..., searchtext: ..., // other things } } },Por lo tanto, el tipo de estructura sigue en todos los demás componentes también y otras variables y datos específicos del componente también están allí.
También quiero reutilizar estas propiedades para todos mis otros componentes.
Creé un mixin para esto y funciona correctamente. ¿Hay algún enfoque mejor en lugar de mezclar?
Dijiste que has probado mixins y está funcionando correctamente y personalmente creo que son una buena opción ya que Vue framework lo recomienda.
Los mixins son una forma flexible de distribuir funcionalidades reutilizables para los componentes de Vue. Un objeto mixin puede contener cualquier opción de componente. Cuando un componente usa un mixin, todas las opciones en el mixin se "mezclarán" en las propias opciones del componente. -Definición del marco Vue
Lo que está tratando de hacer es lo mismo que significa crear un archivo para reutilizar la funcionalidad en los componentes.
El enfoque que está utilizando es correcto y preciso para usar en su situación y lo recomienda vue, por lo que no es una mala práctica.
no hay necesidad de cambiarlo!
Lea más en detalles sobre el patrón de reutilización de código vue
Mencionó que tiene múltiples campos estáticos pero no ha mencionado nada sobre los contenidos dinámicos. Si está utilizando contenido dinámico, sugiero usar accesorios en lugar de mixins (o una combinación de ambos que se adapte a sus necesidades).
Pero a partir de ahora, mixins es perfecto para los requisitos actuales.