JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <input v-model="range" type="range" min="0" max="10" step="0.1" ref="rangeEl" />
  <input v-model="text" />
</div>

JavaScript

Vue.createApp({
  data () {
    return {
      range: 7.5,
      text: ''
    }
  },
  
  mounted () {
    console.log(this.$refs.rangeEl.value)
  },
  
  updated () {
  	console.log(this.$refs.rangeEl.value)
  }
}).mount('#app')