vue项目中按需引入elementui

在Vue项目中按需引入ElementUI，需要进行以下步骤：

1. 安装babel-plugin-component

使用npm安装babel-plugin-component：

npm install babel-plugin-component -D

2. 配置babel

在项目根目录下创建`.babelrc`文件，并添加以下配置：

{
  "presets": [
    "@vue/cli-plugin-babel/preset"
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

3. 按需引入组件

在需要使用ElementUI组件的Vue文件中，按以下方式引入组件：

import { Button, Input } from 'element-ui'

export default {
  components: {
    'el-button': Button,
    'el-input': Input
  }
}

4. 使用组件

在Vue文件中使用引入的组件，例如：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
    <el-button type="primary" @click="handleClick">点击</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleClick() {
      console.log(this.inputValue)
    }
  }
}
</script>

以上步骤完成后，就可以在Vue项目中按需引入ElementUI组件了。