帮我写一个vue2的超市管理系统

好的，这是一个简单的超市管理系统，使用Vue2和Element UI框架开发。

首先，我们需要安装Vue CLI脚手架和Element UI：

npm install -g @vue/cli
vue create supermarket-management-system
cd supermarket-management-system
npm install element-ui --save

然后，我们可以开始编写代码。

首先，我们需要在`src`目录下创建一个`components`文件夹，用于存放组件。在`components`文件夹中创建以下组件：

- `Login.vue`：登录页面
- `Home.vue`：首页
- `Goods.vue`：商品管理页面
- `Order.vue`：订单管理页面
- `User.vue`：用户管理页面

接下来，在`src`目录下创建一个`router`文件夹，用于存放路由。在`router`文件夹中创建`index.js`文件，编写以下代码：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Goods from '../components/Goods.vue'
import Order from '../components/Order.vue'
import User from '../components/User.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/', redirect: '/login' },
  { path: '/login', component: Login },
  {
    path: '/home',
    component: Home,
    redirect: '/goods',
    children: [
      { path: '/goods', component: Goods },
      { path: '/order', component: Order },
      { path: '/user', component: User }
    ]
  }
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router

在`src`目录下创建一个`App.vue`文件，编写以下代码：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

最后，在`src`目录下创建一个`main.js`文件，编写以下代码：

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

Vue.use(ElementUI)

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

现在，我们的超市管理系统已经完成了。运行以下命令启动应用程序：

npm run serve

然后在浏览器中访问`http://localhost:8080/`即可查看应用程序。

以上代码仅供参考，具体的业务逻辑和样式可以根据需求进行修改和完善。