L5 starting code
This commit is contained in:
parent
4d453e91ee
commit
4b1026e41e
@ -21,11 +21,6 @@
|
||||
<h1>{{ product }}</h1>
|
||||
<p v-if="inStock">In Stock</p>
|
||||
<p v-else>Out of Stock</p>
|
||||
<!-- solution -->
|
||||
<ul>
|
||||
<li v-for="(size, index) in sizes" :key="index">{{ size }}</li>
|
||||
</ul>
|
||||
<!-- solution -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
5
main.js
5
main.js
@ -4,10 +4,7 @@ const app = Vue.createApp({
|
||||
product: 'Socks',
|
||||
image: './assets/images/socks_blue.jpg',
|
||||
inStock: true,
|
||||
details: ['50% cotton', '30% wool', '20% polyester'],
|
||||
// solution
|
||||
sizes: ['S', 'M', 'L', 'XL', 'XXL']
|
||||
// solution
|
||||
details: ['50% cotton', '30% wool', '20% polyester']
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user