vue-路由的使用 Element UI

emmmm以前写的东西都不知道扔哪去了，重构自己的东西。。。

项目目录如下（vue ui创建的）：

router>index.js代码如下（依赖可以用vue ui界面直接下载然后引入）：

import Vue from 'vue'
import Router from 'vue-router'
import Admin from '@/components/Admin'
import User from '@/components/User'
import Login from '@/components/Login'
import Register from '@/components/Register'
import EditUser from '@/components/EditUser'
import Vefr from '@/components/Vefr'

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'admin',
            component: Admin
        },
        {
            path: '/user',
            name: 'user',
            component: User
        },
        {
            path: '/login',
            name: 'name',
            component: Login
        },
        {
            path: '/register',
            name: 'register',
            component: Register
        },
        {
            path: '/edituser',
            name: 'edituser',
            component: EditUser
        },
        {
            path: '/vefr',
            name: 'vefr',
            component: Vefr
        }
    ],
})

主界面App.vue，界面和代码

 

里面的php没使用，我使用的是已经放到网上的php，如下是用户界面和代码