安装使用elementui

安装和使用ElementUI可以通过以下两种方式实现：

1. 完整引入

完整引入是指在项目入口文件main.js中一次性引入ElementUI组件库的全部组件和方法，具体步骤如下：

- 安装ElementUI：在终端中输入以下命令进行安装

  npm i element-ui -S

- 引入ElementUI：在main.js文件中添加以下代码

 import ElementUI from 'element-ui'; // 引入elementui组件库
  import 'element-ui/lib/theme-chalk/index.css'; // 引入css样式
  Vue.use(ElementUI); // 注册

- 使用ElementUI：在组件中使用ElementUI的组件和方法，例如：

  <template>
    <el-button type="primary">按钮</el-button>
  </template>

2. 按需引入

按需引入是指只引入需要使用的ElementUI组件和方法，具体步骤如下：

- 安装ElementUI：在终端中输入以下命令进行安装

  npm i element-ui -S

- 引入需要使用的组件和方法：在组件中引入需要使用的组件和方法，例如：

  import { Button, Select } from 'element-ui';
  export default {
    components: {
      'el-button': Button,
      'el-select': Select
    }
  }

- 使用ElementUI：在组件中使用引入的组件和方法，例如：

  <template>
    <el-button type="primary">按钮</el-button>
    <el-select v-model="value" placeholder="请选择">
      <el-option label="选项1" value="1"></el-option>
      <el-option label="选项2" value="2"></el-option>
    </el-select>
  </template>