Как подключать jquery и его плагины во Vue приложении?

Question

[triplepointer]

Сам Jquery легко импортируется через import в компоненте и используется в методе жизненного цикла mounted. Но когда импортируешь плагины через import,то ничего не работает. Когда пытаешься в ставить в html файлы со скриптами плагинов, которая находится в папке public, в консоли пишет:"Uncaught SyntaxError: Unexpected token '<'". Существует ли способ подключить плагины jquery, чтобы потом можно их было использовать в mounted?

Answer 1

[Воващ]

import $ from “jQuery”;

window.$ = window.jQuery = $;

if(window.jQuery && window.$) { const somePlugin = import(“pathtoplugin”); }

Или 

if(window.jQuery && window.$) { const somePlugin = require(“pathtoplugin”); }

...
mounted: function(){
  $('#selector').somePlugin({
    // ... настройки плагина
  });
}
...

Comments

[triplepointer]

Это в main.js надо прописать?

[triplepointer]

Не работает, пишет "TypeError: $(...).DataTable is not a function"(плагин называется DataTables)