Vue.js, как импортировать и использовать JQuery для инициализации карусели materialize-css

Question

Я пытаюсь использовать materialize-css с Vue, все работает нормально, но есть некоторые материализованные компоненты, которые нужно инициализировать с помощью JS или Jquery. Теперь я не использовал Jquery раньше, я установил его с помощью npm i -s jquery, но я немного застрял в том, как и где его импортировать и использовать.код ниже взят из документации о том, как инициализировать карусель.Советы, как использовать его в компоненте .vue или каким-либо другим способом высоко ценится?

  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.carousel');
    var instances = M.Carousel.init(elems, options);
  });

  // Or with jQuery

  $(document).ready(function(){
    $('.carousel').carousel();
  });
      

спасибо заранее.

Answer 1

в вашем компоненте инициализирует этот код в mounted ловушке без использования jquery:

export default {
     ...
   mounted(){
        document.addEventListener('DOMContentLoaded', function() {
        var elems = document.querySelectorAll('.carousel');
        var instances = M.Carousel.init(elems);
      });


    }