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

lesson 3 ending

Browse Source
This commit is contained in:
Adam Jahr 2020-05-26 23:39:42 -04:00
parent 8dd2042e95
commit 39452ddc6c
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -10,10 +10,26 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<h1>Product goes here</h1> <div class="nav-bar"></div>
<div class="product-display">
<div class="product-container">
<div class="product-image">
<img v-bind:src="image">
</div>
<div class="product-info">
<h1>{{ product }}</h1>
</div>
</div>
</div>
</div> </div>
<!-- Import JS --> <!-- Import App -->
<script src="./main.js"></script> <script src="./main.js"></script>
<!-- Mount App -->
<script>
app.mount('#app')
</script>
</body> </body>
</html> </html>

9
main.js
View File

@ -1 +1,8 @@
const product = "Socks" const app = Vue.createApp({
data() {
return {
product: 'Socks',
image: './assets/images/socks_green.jpg'
}
}
})