b/intro-to-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed heading in review-list

Browse Source
This commit is contained in:
Adam Jahr 2020-05-15 00:30:15 -04:00
parent 6640d97f3f
commit 3a601d079d
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/ReviewList.js
View File

@ -3,8 +3,10 @@ app.component('review-list', {
/*html*/ /*html*/
` `
<div class="review-container"> <div class="review-container">
<p v-if="!reviews.length">There are no reviews yet.</p> <h3 v-if="!reviews.length">There are no reviews yet.</h3>
<ul v-else> <div v-else>
<h3>Reviews:</h3>
<ul>
<li v-for="(review, index) in reviews" :key="index"> <li v-for="(review, index) in reviews" :key="index">
{{ review.name }} gave this {{ review.rating }} stars {{ review.name }} gave this {{ review.rating }} stars
<br/> <br/>
@ -12,6 +14,7 @@ app.component('review-list', {
</li> </li>
</ul> </ul>
</div> </div>
</div>
`, `,
props: { props: {
reviews: { reviews: {