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