tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

s9e123 default slots

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-17 23:14:50 -04:00
parent 61dd86c91e
commit 83ba9f9a29
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
s9/src/App.vue
View File

@ -4,7 +4,7 @@
<div class="col-xs-12"> <div class="col-xs-12">
<app-quote> <app-quote>
<h2 slot="title">{{quoteTitle}}</h2> <h2 slot="title">{{quoteTitle}}</h2>
<p slot="content">A Simple Quote</p> <p>A Simple Quote</p>
</app-quote> </app-quote>
</div> </div>
</div> </div>

4
s9/src/components/Quote.vue
View File

@ -2,17 +2,17 @@
<div> <div>
<div class="title"> <div class="title">
<slot name="title"></slot> <slot name="title"></slot>
<span style="color: #ccc"><slot name="subtitle">The Subtitle</slot></span>
</div> </div>
<hr> <hr>
<div> <div>
<slot name="content"></slot> <slot></slot>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
} }
</script> </script>