scrimba
The Vue Bootcamp
Template syntax
Class Bindings (Object)
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

Class Bindings (Object)
AboutCommentsNotes
Class Bindings (Object)
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 rel="stylesheet" href="index.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<style>
.danger {
color: red;
}
.active {
color: green;
}
</style>
</head>
<body>
<div id="app" class="bg-blue-300 h-screen w-full flex flex-col justify-center items-center text-sm relative">



</div>

<script>
var app = new Vue({
el: '#app',
data: {

}
});
</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
-5:46