<div id="app">
  <p>The date is {{ date }}.</p>
  <p>We've had {{ accidentFree }} accident free days!</p>
  <p>Your current debt is ${{ debt }}.</p>

  <hr/>
  
  <p>
  Use to change values above:
  </p>
  <p>
  Date: <input v-model="date"><br/>
  Accident Free Days: <input v-model="accidentFree"><br/>
  Debt: <input v-model="debt"><br/>
  </p>
  
</div>

input {
  width:400px;
}
const app = new Vue({
  el:'#app',
  data:{
    date:new Date(),
    debt:999999999,
    accidentFree:3232
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/vue