vue cli4怎么在一个vue页面内部引入第三方ui库组件，而不影响其他vue页面？

Question

我在main.js下编写如下代码

import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

就可以在每个vue页面使用elementUI的组件库插件了，但我可能要使用多个vue组件库插件，我担心全局使用ui组件库插件（调用Vue.use代码）影响到其他的ui组件库插件的渲染。因此想局部使用elementUI的组件库插件，比如一个页面叫login.vue，另一个页面叫home.vue。我要在login.vue引入elementUI，但不能影响home.vue，即便home.vue组件里有elementui的组件标签，也因为局部引入而无法渲染的。

如果按照上面的写法。从main.js拷贝到login.vue里，把上面的代码写进login.vue里的script标签中，然后在home.vue写elementui的插件，编译后查看该页面，login.vue页面上的element ui被渲染了，但是home.vue页面上的带elementui的组件标签还是被渲染了。

在vue页面内部局部引入第三方ui组件库插件，而不影响其他vue页面要怎么做呢？

Answer 1

但我可能要使用多个vue组件库插件，我担心全局使用ui组件库插件（调用Vue.use代码）影响到其他的ui组件库插件的渲染。因此想局部使用elementUI的组件库插件

你这个担心的依据是什么？我们有过一个项目同时使用element-ui和vutify，没有发现什么问题

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。