elementUI搭建使用过程

Element UI是一个为Vue.js设计的UI库，提供了丰富的组件，简洁的API和响应式的布局方式。以下是使用Element UI的基本步骤：

1. 安装Element UI：

npm install element-ui --save

2. 在Vue项目中引入Element UI：

在main.js文件中添加以下代码：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
 
Vue.use(ElementUI)
 
new Vue({
  el: '#app',
  render: h => h(App)
})

3. 使用Element UI组件：

在Vue组件中，可以直接使用Element UI提供的组件，例如Button和Form：

<template>
  <el-button type="primary">点击我</el-button>
  <el-form ref="form" :model="form" label-width="80px">
    <el-form-item label="用户名">
      <el-input v-model="form.name"></el-input>
    </el-form-item>
    <el-form-item label="邮箱">
      <el-input v-model="form.email"></el-input>
    </el-form-item>
  </el-form>
</template>
 
<script>
export default {
  data() {
    return {
      form: {
        name: '',
        email: ''
      }
    }
  }
}
</script>

以上是使用Element UI的基本步骤，具体使用时可以根据项目需求选择合适的组件和样式。