Vue: uso de un componente dentro de otro componente

Es imprescindible interpretar el código correctamente previamente a aplicarlo a tu proyecto si ttienes algo que aportar puedes dejarlo en los comentarios.

Solución:

Por defecto tienes que usarlo con caja de kebab en template etiqueta.

Registrar componente a partir de PascalCase notación. Úselo en componente con caja de kebab notación. ¡Simple como eso!

Caso 1: Predeterminado

Caso 2: Personalizado

O desea registrarlo a su manera (aplicando un nombre personalizado) simplemente cambie este código:

export default
 components: 
  'search-bar' : SearchBar 
 

ACTUALIZAR: Esta respuesta se proporcionó en referencia a la versión 2.x de vue. No conozco vue 3.x y no he leído los documentos de 3.x. Siempre puede enviar un borrador de edición para la solución compatible con vue 3.x. ¡Gracias!

Guión de Inicio.vue debería ser como seguir

import SearchBar from './common/SearchBar'

export default 
   name: 'Home',
   components: 
       'SearchBar': SearchBar
   

Si su componente SearchBar ya tiene valores de propiedad de nombre Barra de búsquedalos ‘Barra de búsqueda’ el nombre presentado no es obligatorio.

valoraciones y comentarios

Si sostienes alguna perplejidad y forma de arreglar nuestro reseña te inspiramos ejecutar un informe y con gusto lo ojearemos.

---

---

Utiliza Nuestro Buscador