element-ui全局、按需引入

目录

一、全局引入

二、按需引入

---

一、全局引入

• 安装

npm i element-ui -S

• main.js

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)

二、按需引入

• 安装

npm i element-ui -S
npm install babel-plugin-component -D

• main.js

import {Row, Button} from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(Row)
Vue.use(Button)

• babel.config.js

module.exports = {
	presets: [
		'@vue/cli-plugin-babel/preset',
		["@babel/preset-env", { "modules": false }]
	],
	"plugins": [
	    [
			"component",
			{
				"libraryName": "element-ui",
				"styleLibraryName": "theme-chalk"
			}
	    ]
	]
}