scrimba
The Vue Bootcamp
Events
Shopping Cart Module Project Part 1
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Shopping Cart Module Project Part 1
AboutCommentsNotes
Shopping Cart Module Project Part 1
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>

<body>
<div id="app">
<h1>The Cup Store</h1>

<product name="Colorful Cups" :price="999" image="images/cups1.jpg"></product>
<product name="Coffee & Home" :price="1499" image="images/cups2.jpg"></product>
<product name="Old Red Friend" :price="1999" image="images/cups3.jpg"></product>

<cart></cart>
</div>

<script src="index.pack.js"></script>
</body>
</html>
Console
"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"
,
"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"
,
/index.html#
-14:30