\u003C/p>","\u003Cp>\u003CMyComponent>\u003Ctemplate>Just a string\u003C/template>\u003C/MyComponent>\u003C/p>","\u003Cp>Both A and C are valid.\u003C/p>",{"id":80,"points":29,"estimatedTime":81,"label":17,"question":82,"options":83,"explanation":37,"answer":37,"difficulty":10},4886,40,"\u003Cp>What is the primary benefit of using named slots over a single default slot?\u003C/p>",[84,85,86,87],"\u003Cp>They are more performant.\u003C/p>","\u003Cp>They allow a parent component to provide multiple distinct pieces of content to specific locations within the child's template.\u003C/p>","\u003Cp>They can accept props, while the default slot cannot.\u003C/p>","\u003Cp>They are easier to style.\u003C/p>",{"id":89,"points":29,"estimatedTime":30,"label":17,"question":90,"options":91,"explanation":37,"answer":37,"difficulty":10},5013,"\u003Cp>What is the purpose of the `#` shorthand in a template?\u003C/p>",[92,93,94,95],"\u003Cp>It is a shorthand for `v-slot`.\u003C/p>","\u003Cp>It is a shorthand for `ref`.\u003C/p>","\u003Cp>It creates a comment.\u003C/p>","\u003Cp>It is a shorthand for `v-if`.\u003C/p>",{"id":97,"points":29,"estimatedTime":81,"label":17,"question":98,"options":99,"explanation":37,"answer":37,"difficulty":10},5131,"\u003Cp>How do you pass HTML content to a slot?\u003C/p>",[100,101,102,103],"\u003Cp>By passing a string containing HTML to a prop.\u003C/p>","\u003Cp>By placing the HTML markup directly inside the component's tags in the parent template.\u003C/p>","\u003Cp>By using the `v-html` directive on the component tag.\u003C/p>","\u003Cp>This is not possible for security reasons.\u003C/p>",{"id":105,"points":29,"estimatedTime":81,"label":17,"question":106,"options":107,"explanation":37,"answer":37,"difficulty":10},5247,"\u003Cp>How do you provide a fallback for a named slot?\u003C/p>",[108,109,110,111],"\u003Cp>\u003Cslot name=\"header\">Default Header\u003C/slot>\u003C/p>","\u003Cp>\u003Cslot name=\"header\" default=\"Default Header\"/>\u003C/p>","\u003Cp>This is not possible for named slots.\u003C/p>","\u003Cp>\u003Cslot name=\"header\" v-else>Default Header\u003C/slot>\u003C/p>",{"id":113,"points":29,"estimatedTime":114,"label":17,"question":115,"options":116,"explanation":37,"answer":37,"difficulty":10},5345,45,"\u003Cp>How do you pass a named slot to a component?\u003C/p>",[117,118,119,120],"\u003Cp>\u003CMyComponent name=\"header\">...\u003C/MyComponent>\u003C/p>","\u003Cp>\u003CMyComponent>\u003Ctemplate #header>...\u003C/template>\u003C/MyComponent>\u003C/p>","\u003Cp>\u003CMyComponent>\u003Cheader-slot>...\u003C/header-slot>\u003C/MyComponent>\u003C/p>","\u003Cp>\u003CMyComponent slot=\"header\">...\u003C/MyComponent>\u003C/p>",{"id":122,"points":29,"estimatedTime":48,"label":17,"question":123,"options":124,"explanation":37,"answer":37,"difficulty":10},5424,"\u003Cp>How do you create a named slot?\u003C/p>",[125,126,127,128],"\u003Cp>By giving the `\u003Cslot>` element an `id` attribute.\u003C/p>","\u003Cp>By giving the `\u003Cslot>` element a `name` attribute.\u003C/p>","\u003Cp>By using `\u003Cslot v-slot:name>...`\u003C/p>","\u003Cp>All slots are named by default.\u003C/p>",["Reactive",130],{"$ssite-config":131},{"_priority":132,"description":136,"env":137,"name":138,"url":139},{"name":133,"env":134,"description":133,"url":135},-10,-15,-4,"Vuejs school is a quiz platform","production","vuejs-school","https://vuejs.school/",["Set"],["ShallowReactive",142],{"$fa-0PA5eqPXl_muoIM9B1LoxqTJ-xfY9CaAVNOUlB_G0":-1},true,"/quizzes/vue-slots-demystified",["Reactive",146],{"user":147},{"user":148},["EmptyRef",149],"_"]