JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>

<div id="app">
    {{ message }}
    <span id="slider-value-upper" class="lower">{{myValue}}</span><br />
    <input v-model="myValue">
</div>

JavaScript

new Vue({
    el: '#app',
    data: {
        message: 'Watch example',
        myValue: 50
    },
    watch: {
    	'myValue': function(val, oldVal){
      	if (val < 50) {
        	this.message= 'value too low!';
        }else{
          this.message= 'value is ok';
        }
      }
    }
})