1、安装UI:
npm i element-ui -S
2、安装按需加载插件:
npm install babel-plugin-component -D
3、在.babelrc或babel.config.js文件下添加如下配置:
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
4、完成以上步骤后就能在你需要的页面引入你需要的组件了( 官网上写的是在main.js文件中引入,一般我还是更喜欢在页面上引入,除非使用频率非常高):
<template>
<div>
<el-button type="success">成功按钮</el-button>
</div>
</template>
<script>
// 例如引入Button组件
import { Button } from 'element-ui';
export default {
components: {
[Button.name]: Button
}
}
</script>