请使用vue + element_ui

Vue.js是一个流行的JavaScript框架，用于构建用户界面。Element UI则是基于Vue的UI组件库，提供了一套丰富的预制组件，可以帮助开发者快速地构建美观且功能齐全的应用。

在Vue中集成Element UI，首先需要安装相关依赖。在终端或命令行中运行以下命令：

npm install vue-element-ui # 或者 yarn add vue-element-ui

然后在主入口文件（通常是main.js）中导入并配置Element UI：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; // 引入主题样式

Vue.use(ElementUI); // 使用Element UI

接下来，你可以在Vue组件中直接使用Element UI提供的组件，比如`<el-button>`，`<el-input>`等。这里有一个简单的例子：

<template>
  <div id="app">
    <el-button type="primary">点击我</el-button>
    <el-input v-model="message"></el-input>
    <p>{{ message }}</p>
  </div>
</template>

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

在这个例子中，我们创建了一个按钮和一个输入框，输入框的内容会被绑定到`message`变量上。