1.首先我们需要在命令行工具安装element-ui
命令：npm install element-ui
image.png
等到显示上图所示，即为安装成功，那么我们如何在vue项目中使用它呢?
2.安装后我们应先在main.js中引入element相关的内容
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
3.在.vue文件中加入element-ui的按钮之类的即可。
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view/>
<el-button type="primary">主要按钮</el-button>
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
<style scoped>
@import '../static/css/index.css';
</style>
运行效果如下图所示
image.png
详细对于element-ui组件的使用请参照
element官网
网友评论