访问Vue中的jQuery组件

Question

我对Vue完全陌生，而且我无法从jQuery插件中读取变量。我正在使用一个名为nouislider的插件，因为我需要两个句柄，我无法使用计算方法动态输出值：

    <div id="app">
        <div  id="slider"></div>
        <div>{{perc}}</div>
    </div>
<script>
    var app = new Vue({
      el: '#app',
      data: {
        perc: 0,
      },
      watch: {
        percentage: function(){
          this.perc = tooltipSlider.noUiSlider.get();
        }
      }
    })

    var tooltipSlider = document.getElementById('slider');

    noUiSlider.create(tooltipSlider, {
        start: [50, 70],
        margin: 1,
        range: {
            'min': 1,
            'max': 99
        }
    });
</script>