Vuemastery Session 3
This commit is contained in:
parent
987bb17ef3
commit
08df653fdc
3 changed files with 120 additions and 0 deletions
23
test.html
Normal file
23
test.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<div class="nav-bar"></div>
|
||||
|
||||
<div id="app">
|
||||
|
||||
<div class="product">
|
||||
|
||||
<div class="product-image">
|
||||
<img :src="image" />
|
||||
</div>
|
||||
|
||||
<div class="product-info">
|
||||
<h1>{{ product }}</h1>
|
||||
<p v-if="inventory > 50">On Sale</p>
|
||||
<p v-else-if="inventory<= 10 && inventory > 0">Almost On Sale</p>
|
||||
<p v-else>On SAle</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue