如何解决typeError：$（...）。slider不是vue组件的函数？

Question

我的vue组件是这样的：

如果vue组件运行，则在控制台上存在如下错误：

  

[Vue警告]：挂钩错误：“TypeError：$（...）。slider不是   函数“

我有加载滑块库

如果我输入全局javascript（main.js），它可以正常工作

但是如果我输入vue组件，就会出现上面的错误

如何解决错误？

更新：

我找到了解决方案

<template>
    ...
        <ul class="list-unstyled list-range">
            <li>
                <span class="text">Min</span>: <span class="price-min">{{ priceMin }}</span>
            </li>
            <li>
                <span class="text">Max</span>: <span class="price-max">{{ priceMax }}</span>
            </li>
        </ul>
        <div class="slider-wrapper">
            <input id="price-range" type="text" style="display: none">
        </div>
    ...
</template>
<script>
    export default {
        ...
        mounted() {
            if ($('#price-range').length) {
                $("#price-range").slider(App.options.slider).on('slide', function (e) {
                    let min = e.value[0],
                        max = e.value[1];
                    ...
                });
            }
        }
    }
</script>

它有效