Vue.js 如何在VueJS上安装Javascript库

我需要在VueJS项目中使用jQueryUI中的可排序插件，但我不知道如何在VueJS 2项目中包含库

这就是我到目前为止所做的：

1以这种方式安装jQuery和jQueryUI

 npm install --save jquery-ui
 npm install --save jquery

2我将这些行添加到main.js：

window.$ = window.jQuery = require('jquery');
window.$ = $.extend(require('jquery-ui'));

3我在我的组件上使用如下方式：

<div class="height">
   <app-component-component></app-component-component>
</div>

....

export default {
    components: {
        appComponentComponent: ComponentComponent
    },
    ...
    mounted() {
        $('.height').sortable();  
    }       
}

为了导入和使用库，您能告诉我我做错了什么吗

---

提前感谢

您可以将可排序插件代码放入vue生命周期的更新方法中

updated()
    {
        this.$nextTick(function () {
            jQuery('.height').sortable();
        })
    }

---

您必须将此添加到main.js中

 global.jQuery = require('jquery');
 var $ = global.jQuery;
 window.$ = $;
 require('jquery-ui');
 require('jquery-ui/ui/widgets/sortable');

---

您可以在内部安装它。

您能不能在组件中导入/扩展jQuery，而不是全局导入/扩展它？@Phil您能告诉我怎么做吗？我试图将脚本添加到组件中，但效果不好，在您的组件部分，类似这样的内容~@Phil我添加了来自“jquery”的import$；导入“jqueryui”；到脚本部分，但我仍然有相同的错误：Sthanks，我用您建议的更新方法替换了mounted方法，但我仍然有相同的错误您是否检查了包含jquery的源代码？是的，还有一件事，而不是美元的高度；试试jQuery'.height'.sortable我想这些库是被添加到项目中的，因为我按CTRL-U键，然后搜索jqueryui，我看到它被添加了。你试试jQuery而不是$？我更新了答案是的，我收到错误[Vue warn]：nextTick中的错误：TypeError:jQuery…sortable不是一个函数

 global.jQuery = require('jquery');
 var $ = global.jQuery;
 window.$ = $;
 require('jquery-ui');
 require('jquery-ui/ui/widgets/sortable');