Adding v-model to Custom Components\n\n To let our component support v-model two-way binding, the component needs to accept a value prop and emit an input event. To support v-model , the component accepts a value prop and emits an input event. With that, the custom component supports v-model two-way binding.
HTML provides a element as a placeholder inside a that, if provided a name, creates a "named slot". A named slot can be used to customize content within a web component. The element gives us a way to control where the children of a custom element should be inserted within its shadow tree.