Passer un Objet dans un composant VueJS [TIPS]

Bonsoir bonsoir, petite astuce pour ceux qui voudraient un jour passer un objet en tant qu’élément à afficher dans un composant VueJS (avec Laravel par exemple) : 

Si votre Objet est un objet simple, vous devez le formaliser en json, comme ici avec un json_encode simple : 

     <mini_recipe_list_element :recipe="{{json_encode($recette)}}"></mini_recipe_list_element>

Si jamais avec Laravel, votre Objet est issu d’une collection Eloquent, vous pouvez le sérialiser si ce n’est pas déjà fait : 

$user->toJson();

Et ensuite dans votre composant VueJS, il faut lui dire qu’on attend un objet en tant que prop  : 

props: {
			recipe: {
				type: Object,
				required: true
			}
		},

Et voilà 🙂