After the execution, you can see that the template displays that "This is a Dynamic Component Example" in the browser. Here, we have used a test component as the name of the component and the same name is used as the custom element inside the divs. I already have an idea in my head of how I want … Although Vue doesn't use custom elements internally, it has great interoperability (opens new window) when it comes to consuming or distributing as custom elements. If you would like to see a demo before we begin, we have one right here! < div v-bind:class = "[{ active: isActive }, errorClass]" > With Components. Quand une valeur est passée à un attribut prop, elle devient une propriété de l’instance du composant. Vous voilà arrivé à la fin de l’Essentiel de Vue. Maintenant, chaque fois qu’une nouvelle propriété sera ajoutée à l’objet post, elle sera automatiquement disponible dans . Instead, we will use a special selector in VueJS named . In terms of final output, slots perform a similar function as props in Vue — getting data from a parent component to a child component. When you use the class attribute on a custom component, those classes will be added to the component’s root element.