Как связать реактивный вывод данных форм через v-model используя jquery-ui?

Question

[GreenMan1899]

Создал простейший калькулятор на Vue.js
https://codepen.io/danilst/pen/KovqZE?editors=1011

Но пока не понял, можно ли как-то также просто связать ползунок jquery-ui с атрибутом v-model, т.к. ползунок jq-ui не использует инпуты:
<div id="slider"></div>

$( function() {
    $( "#slider" ).slider();
} );

Answer 1

[Антон Швец]

Нужно сделать пользовательский компонент с v-model
https://ru.vuejs.org/v2/guide/components.html#%D0%...
Внутри рисуешь свой ползунок.
Делаешь свойство допустим value
При изменении его значения вызываешь this.$emit('input', this.value)

Comments

[GreenMan1899]

понятно, я до этого еще не дошел в изучении vue