Question 22: Consider the following Vue application with markup “inde…

1<div id = "app">
2    <my-comp>
3        <template #header>
4            This is header content
5        </template>
6
7        <template #footer>
8            This is footer content
9        </template>
10
11        <p> This is some content </p>
12    </my-comp>
13</div>
14<script src = "app.js"> </script>

1Vue.component("myComp", {
2    template : `<div>
3                    <p>
4                        <slot></slot>
5                    </p>
6                    <p>
7                        <slot name="header"></slot>
8                    </p>
9                </div>
10                `,
11})
12
13const app = new Vue({
14    el : "#app",
15})