Vue

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div id="app">
  <form>
  <div class="form-group">
    <label for="formControlRange">Example Range input</label>
    <input type="range" class="form-control-range" id="formControlRange" min="0" max="100" v-model="value">
  </div>
  <h1>
    {{value}}
  </h1>
</form>
</div>

Vue

new Vue({
  el: "#app",
  data: {
    value: 50
  }
})