Попытка перехода с веб-страницы jQuery на VueJs.
Я подумал, что полностью перестроить веб-страницу в шаблонный код на основе vue-cli может быть сложно.
Итак, 1-й шаг - перенести jQuery в vuejs без веб-пакета. Это означает, что все страницы содержат отдельные страницы, а не SPA. Таким образом, каждая страница включает vue.js с тегом <script>
.
Я застрял с ползунком jQuery.
Оригинальный код выглядит как $( ".slider" ).slider({...
.
Преобразование ползунка jQuery в vue-slider-component застряло, потому что я не знаю, как сделать статические js из компонентов vue.
Мои ожидания ниже.
<head>
<script src="https://unpkg.com/vue"></script>
<script src="vue-slide.js"></script> <-- like this
</head>
<body>
<vue-slider v-ref:slider :value.sync="value"></vue-slider>
...
<script>
new Vue({ ...
</script>
</body>
Это глупая идея?
Какова наилучшая практика для преобразования jQuery в vuejs без больших затрат?