<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<h1>Welcome to Vue!</h1>

<!-- declaring a mounting point -->
<!-- everything within this `div` is going to be considered
    a Vue instance (our app in this case)
 -->
<div id="my-app">

  <!-- data interpolation -->
  <!-- this variable is declared in the `data` property of the Vue instance -->
  {{ message }}

</div>
$vue-mint: #41b883;
$vue-police-blue: #34495e;

body {
  background-color: whitesmoke;
  color: $vue-police-blue;
  font-family: sans-serif;
}
View Compiled 
// creating a Vue instance
new Vue({
  // mounting it
  el: "#my-app",
  // exposing data to the view
  data: {
    message: "Hello Improving!"
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.