element-ui引入的两种方式

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
2
3
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);

1
2
3
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");

1
2
3
4
5
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");

最后

以上就是漂亮指甲油最近收集整理的关于element-ui引入的两种方式的全部内容，更多相关element-ui引入内容请搜索靠谱客的其他文章。