vue+elementui搭建一个后台管理

好的，下面是一个简单的示例，供您参考：

1. 安装 Vue CLI

npm install -g @vue/cli

2. 创建一个新的 Vue 项目

vue create my-project

3. 安装 Element UI

npm i element-ui -S

4. 引入 Element UI
在 `main.js` 中添加以下代码：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

5. 创建一个后台管理页面
在 `src/views` 目录下创建一个新的文件夹，例如 `Dashboard`，然后在其中创建一个新的 Vue 组件，例如 `index.vue`。

6. 在后台管理页面中使用 Element UI 组件
例如，在 `Dashboard/index.vue` 中添加以下代码：

<template>
  <div>
    <el-row>
      <el-col :span="12">
        <el-card>
          <p slot="header">Card 1</p>
          <p>Content of card</p>
        </el-card>
      </el-col>
      <el-col :span="12">
        <el-card>
          <p slot="header">Card 2</p>
          <p>Content of card</p>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

7. 添加路由
在 `src/router/index.js` 中添加以下代码：

import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/views/Dashboard/index.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Dashboard',
      component: Dashboard
    }
  ]
})

8. 运行项目
在命令行中运行以下命令：

npm run serve

以上是一个简单的示例，您可以根据自己的需求进行修改和扩展。