jquery - 如何在带有 CDN 的 Vue 中使用 jquery？

Question

我需要帮助我解决这种情况，我正在尝试在 vue 中使用 jquery，但使用 CDN。

我有这个代码

<script>
  var move = new Vue ({
    el: '#moving',
    data: {
      moving: [[!movingVue]]
    }
  });
</script>

但我不知道如何在里面集成jquery

  $('.owl-one').owlCarousel({
        loop:true,
        margin:10,
        items:4,
        responsiveClass:true,
        dots: true,
        nav: true,
        navText: [
            "<i class='fa fa-long-arrow-left'></i>",
            "<i class='fa fa-long-arrow-right'></i>"],
        responsive:{
            0:{
                items:1,
                nav:true
            },
            600:{
                items:3,
                nav:true
            },
            800:{
                items:3,
                nav:true,
                loop:false
            },
            1000:{
                items:3,
                nav:true,
                loop:false
            },
            1500:{
                items:4,
                nav:true,
                loop:false
            }
        }
    });

任何人都可以通过指南或链接来帮助我解决这种情况吗？

谢谢

标签： jqueryvue.js

Answer 1

为什么选择 Jquery

https://www.npmjs.com/package/vue-owl-carousel

你可以使用vue owl carousel

 

import carousel from 'vue-owl-carousel'

export default {
    components: { carousel },
}