vue单文件组件怎么使用其他框架或库？

Question

使用vue-cli3.x脚手架创建项目
怎么才能在单文件vue组件里使用其他UI框架或库呢？
比如jQuery、Layui、Bootstrap...

我尝试在public/index.html里直接添加资源引用，并加上路劲前缀
然后在main.js里把全局变量绑定到Vue.prototype上
再在vue单文件组件里使用，这样虽然可以运行，但这个应该不是正确的使用方法
而且每次编译的时候都会报错和警告

查找其他的一些用法，发现都是vue-cli2.x版本的用法，是通过修改webpack配置来实现的
vue-cli3.x版本的看文档也没弄明白，求大佬帮助！

Answer 1

通过npm install xxx安装你需要的ui或js库,在main.js中引入,并挂载到vue的跟实例上,然后在全局就可以使用你引入的插件或库了

类似这样,使用ui库需要单独import一个css文件进来,这个css文件就在你安装的库里面

Answer 2

按照原理使用外部框架，只需要把对应的css,js,html资源引入进来，在组件内部能够正常初始化，就是正常的做法。

不过根据项目的不同，有些设计需要把全局使用这些外部资源，就会把它放到vue的prototype上。

如果一定要这样子的话，其实可以使用use，也就是vue插件的使用

了解一下use的使用方法吧