> For the complete documentation index, see [llms.txt](https://notes.d15r.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://notes.d15r.de/dev/javascript/vuejs/dynamic-components.md).

# Dynamic-components

Man kann Components dynamisch einbinden. Hilfreich für Tabs oder Widgets.

```
<template>
    <div
        <component v-bind:is="componentName"></component>
    </div>
</template>

<script>
    import MyDynamicComponent from './components/MyDynamicComponent';

    export default {

        components: {
            MyDynamicComponent,
        },

        data () {
            return {
                componentName: 'MyDynamicComponent'
            };
        },

    };
</script>
```

* [Dynamic Components](https://vuejs.org/v2/guide/components.html#Dynamic-Components)