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

L10 starting code

Browse Source
This commit is contained in:
Adam Jahr 2020-07-21 00:50:20 -04:00
parent e5a0b6e460
commit 8c51141d99
3 changed files with 4 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/ProductDetails.js
View File

@ -1,17 +0,0 @@
// solution
app.component('product-details', {
props: {
details: {
type: Array,
required: true
}
},
template:
/*html*/
`
<ul>
<li v-for="detail in details">{{ detail }}</li>
</ul>
`
})
// solution

6
components/ProductDisplay.js
View File

@ -15,9 +15,9 @@ app.component('product-display', {
<p>Shipping: {{ shipping }}</p> <p>Shipping: {{ shipping }}</p>
<!-- solution --> <ul>
<product-details :details="details"></product-details> <li v-for="detail in details">{{ detail }}</li>
<!-- solution --> </ul>
<div <div
v-for="(variant, index) in variants" v-for="(variant, index) in variants"

3
index.html
View File

@ -21,9 +21,6 @@
<!-- Import Components --> <!-- Import Components -->
<script src="./components/ProductDisplay.js"></script> <script src="./components/ProductDisplay.js"></script>
<!-- solution -->
<script src="./components/ProductDetails.js"></script>
<!-- solution -->
<!-- Mount App --> <!-- Mount App -->
<script> <script>