简易vue elementui界面

如果您想要创建一个简易的Vue.js界面，并使用Element UI库，以下是一个基本的示例代码：

首先，确保安装了Vue和Element UI依赖：

npm install vue
npm install element-ui

然后，您可以创建一个简单的Vue文件，并使用Element UI组件：

<template>
  <div id="app">
    <el-button @click="handleClick">点击我</el-button>
  </div>
</template>
 
<script>
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(ElementUI)
 
export default {
  name: 'App',
  methods: {
    handleClick() {
      alert('按钮被点击')
    }
  }
}
</script>
 
<style>
#app {
  text-align: center;
  margin-top: 60px;
}
</style>

在主JavaScript文件（例如 main.js）中，您需要创建Vue实例并挂载上面的组件：

import Vue from 'vue'
import App from './App.vue'
 
new Vue({
  render: h => h(App),
}).$mount('#app')

这个简易的Vue.js和Element UI示例展示了一个按钮，当点击时会弹出一个警告框。这是一个开始学习如何将Element UI集成到Vue项目中的好例子。