element-ui引入的两种方式

一只桃子~

已于 2022-12-28 10:50:53 修改

阅读量1.3w

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js elementui javascript

于 2022-02-23 15:08:52 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43405603/article/details/123090542

本文介绍了Vue2和Vue3中如何引入Element UI和Element Plus库。对于Vue2，无论是全局还是按需引入，都需要导入对应的CSS文件。而在Vue3中，全局引入时还需设置locale为中文。按需引入时，Vue3仅导入了Button组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue2

一、全局引入

1、npm i element-ui -S

2、在main.js中
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
二、按需引入

1、npm i element-ui -S

2、在main.js中
import 'element-ui/lib/theme-chalk/index.css';
import {Button} from 'element-ui';
Vue.use(Button);
Vue3

一、全局引入

1、npm install element-plus --save

2、在main.js中
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import locale from 'element-plus/lib/locale/lang/zh-cn'

createApp(App).use(ElementPlus, { locale }).mount("#app");