element-ui如何载使用

element-ui是一个基于Vue.js的UI组件库，可以帮助开发者快速构建Web应用的界面。以下是使用element-ui的步骤：

1. 下载element-ui离线文档：你可以在GitHub上找到element-ui的离线文档，下载并解压到本地。

2. 在你的项目中引入element-ui：在你的Vue.js项目中，通过npm或者yarn安装element-ui依赖包。

3. 在你的Vue组件中引入element-ui组件：在需要使用element-ui组件的Vue组件中，通过import语句引入需要的组件。

4. 在模板中使用element-ui组件：在Vue组件的模板中，使用element-ui提供的组件标签来构建界面。

5. 配置element-ui主题：如果你想自定义element-ui的主题样式，可以通过修改element-ui的主题文件来实现。

6. 运行项目：通过npm run serve命令启动你的Vue项目，即可在浏览器中看到使用element-ui构建的界面。

以下是一个使用element-ui的示例代码：

<template>
  <div>
    <el-button @click="showMessage">点击我显示消息</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <span>这是一个对话框</span>
    </el-dialog>
  </div>
</template>

<script>
import { ElButton, ElDialog } from 'element-ui';

export default {
  components: {
    ElButton,
    ElDialog
  },
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showMessage() {
      this.dialogVisible = true;
    }
  }
};
</script>

在上面的示例中，我们使用了element-ui提供的`ElButton`和`ElDialog`组件来创建一个按钮和一个对话框。当点击按钮时，对话框会显示出来。