vue3 Element PLus 实现增加功能

要使用 Vue 3 和 Element Plus 实现增加功能，可以按照以下步骤进行操作：

1. 首先，确保你已经安装了 Vue 3 和 Element Plus 的依赖。你可以使用 npm 或者 yarn 进行安装，具体的安装命令可以参考官方文档。

2. 在你的 Vue 3 项目中，导入 Element Plus 的样式和组件。你可以在入口文件（例如 App.vue）中引入 Element Plus 的样式文件，例如：

import 'element-plus/packages/theme-chalk/src/index.scss'

然后，你可以在需要使用的组件中按需引入 Element Plus 的组件，例如：

import { ElButton, ElInput } from 'element-plus'

3. 在你的组件中使用 Element Plus 的组件，并实现增加功能。例如，你可以使用 ElButton 组件作为触发按钮，ElInput 组件作为输入框，通过点击按钮向列表中添加新的项。示例代码如下：

<template>
  <div>
    <ElInput v-model="inputValue" placeholder="请输入内容"></ElInput>
    <ElButton @click="addItem">添加</ElButton>
    <ul>
      <li v-for="item in itemList" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  data() {
    return {
      inputValue: '',
      itemList: []
    }
  },
  methods: {
    addItem() {
      const newItem = {
        id: this.itemList.length + 1,
        name: this.inputValue
      }
      this.itemList.push(newItem)
      this.inputValue = ''
    }
  }
}
</script>

在上述示例中，我们使用了 ref 函数来定义响应式数据，通过 v-model 绑定了输入框的值，使用 @click 监听按钮的点击事件，在点击按钮时向 itemList 数组中添加新的项。

这样，当你在输入框中输入内容并点击添加按钮时，就可以实现增加功能了。记得在其他组件中同样按需引入和使用 Element Plus 的组件。

希望这个示例能够帮助到你实现增加功能。如果有任何问题，请随时提问。