e l e m e n t − u i 安 装 和 配 置 element-ui安装和配置 element−ui安装和配置
1.安装
npm install element-ui@2.12.0 --save
2.按需引入配置
npm install babel-plugin-component --save-dev
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
引入
1.全部引入
2.按需引入,需要借助babel-plugin-component
npm install babel-plugin-component --save-dev
3.使用
<template>
<div id="app">
<el-button type="primary">这是一个按钮</el-button>
</div>
</template>
<script>
import {
Button} from 'element-ui'
export default {
name: 'HelloWorld',
components: {
[Button.name]: Button
}
}
</script>