Vuemastery Session 3

This commit is contained in:
nglettig 2019-01-16 10:12:01 +01:00
commit 08df653fdc
3 changed files with 120 additions and 0 deletions

23
test.html Normal file
View 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>