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

列车
  • 71

我在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页面要怎么做呢?

回复
阅读 475
1 个回答
不死小强
  • 1.6k
但我可能要使用多个vue组件库插件,我担心全局使用ui组件库插件(调用Vue.use代码)影响到其他的ui组件库插件的渲染。因此想局部使用elementUI的组件库插件

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

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

宣传栏