Vuejs+ElementUI搭建后台管理系统框架

以下是使用Vue.js和Element UI搭建后台管理系统的基本步骤和示例代码：

1. 安装Vue CLI和Element UI：

npm install -g @vue/cli
npm install element-ui --save

2. 创建一个新的Vue项目：

vue create admin-system

3. 进入项目目录并启动项目：

cd admin-system
npm run serve

4. 在Vue项目中集成Element UI：

// 在main.js中添加
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
 
Vue.use(ElementUI)
 
new Vue({
  render: h => h(App),
}).$mount('#app')

5. 在./src/App.vue中添加Element UI组件示例：

<template>
  <div id="app">
    <el-button @click="handleClick">点击我</el-button>
  </div>
</template>
 
<script>
export default {
  name: 'App',
  methods: {
    handleClick() {
      this.$message('按钮被点击')
    }
  }
}
</script>

以上步骤和代码提供了一个基本的Vue.js和Element UI集成示例。在实际应用中，你需要根据具体需求添加路由、状态管理、API请求等功能。