Vue.js，如何导入和使用JQuery初始化materialize-css轮播

Question

我正在尝试在Vue中使用materialize-css，一切正常，但是某些物化组件需要使用JS或Jquery进行初始化，现在，我以前没有使用过Jquery，我使用{{ 1}}，但对于如何以及在何处导入和使用它，我有些困惑。 下面的代码来自关于如何初始化轮播的实现文档。提示如何在.vue组件中以任何其他方式使用它的提示？

npm i -s jquery

提前谢谢。

Answer 1

您的组件中的mounted挂钩中的代码无需使用jquery即可初始化：

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


    }