lesson 112: use the short hand for named slots
This commit is contained in:
parent
cf7b57dfb2
commit
f9f5d32d51
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<section>
|
||||
<base-card>
|
||||
<template v-slot:header> <h2>Available Badges</h2> </template>
|
||||
<template #header> <h2>Available Badges</h2> </template>
|
||||
|
||||
<template v-slot:default>
|
||||
<template #default>
|
||||
<ul>
|
||||
<li>
|
||||
<base-badge type="admin" caption="ADMIN"></base-badge>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<section>
|
||||
<base-card>
|
||||
<template v-slot:header>
|
||||
<template #header>
|
||||
<h3>{{ fullName }}</h3>
|
||||
<base-badge
|
||||
:type="role"
|
||||
|
@ -9,7 +9,7 @@
|
|||
></base-badge>
|
||||
</template>
|
||||
|
||||
<template v-slot:default>
|
||||
<template #default>
|
||||
<p>{{ infoText }}</p>
|
||||
</template>
|
||||
</base-card>
|
||||
|
|
Reference in New Issue