element-ui用法

Element-UI 是一个基于 Vue.js 的组件库，提供了丰富的 UI 组件和工具，下面是一些 Element-UI 的基本用法：

1. 安装 Element-UI：
可以通过 npm 或 yarn 来安装 Element-UI：

npm install element-ui

或

yarn add element-ui

2. 引入 Element-UI：
在你的 Vue 项目中，在 `main.js` 文件中引入 Element-UI：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

3. 使用 Element-UI 的组件：
在你的 Vue 组件中，可以直接使用 Element-UI 提供的组件，比如 Button、Input、Table 等等。例如，在一个组件中使用一个按钮和输入框：

<template>
  <div>
    <el-button type="primary">按钮</el-button>
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>

4. 自定义主题：
Element-UI 提供了一些默认的主题样式，你也可以根据自己的需求来定制主题。可以通过修改 `element-variables.scss` 文件来修改主题样式，然后使用 sass 或 less 编译成 css 文件。具体的定制步骤可以参考 Element-UI 官方文档。

这只是 Element-UI 的基本用法，你可以查阅 Element-UI 的官方文档来了解更多用法和组件。