input range是HTML5的新屬性之一，它可以通過拖動滑塊的位置來設置數值。在Vue.js中，可以使用v-model指令來綁定input range的值，使其與Vue.js的響應式數據進行雙向綁定。

<template>
<div>
<label for="slider">選擇一個值:</label>
<input type="range" id="slider" v-model="sliderValue" min="1" max="100">
<p>當前值：{{ sliderValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
sliderValue: 50
}
}
}
</script>

在上述代碼中，我們使用了一個input range元素，并且使用v-model指令將其綁定到了Vue.js的數據中，最小值設為1，最大值設為100。在Vue.js的data中，我們定義了一個sliderValue屬性，并將其初始值設為50。在模板中，我們可以使用{{ sliderValue }}來顯示當前的值。

除此之外，我們還可以使用watch來監聽input range的變化，并在數值改變時做出相應的操作。

<template>
<div>
<label for="slider">選擇一個值:</label>
<input type="range" id="slider" v-model="sliderValue" min="1" max="100">
<p>當前值：{{ sliderValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
sliderValue: 50
}
},
watch: {
sliderValue(newValue) {
console.log('值已經改變了：' + newValue)
}
}
}
</script>

在上述代碼中，我們定義了一個watch來監聽sliderValue的變化，并在數值改變時打印出一條信息。這樣，我們就可以在數值改變時做出相應的操作了。