import Vue from 'vue'
import Router from 'vue-router'
// import Home from '@/components/Home'
// import About from '@/components/About'
// import User from '@/components/User'

// const Home = () => import('@/components/Home')
const About = () => import('@/components/About')
const User = () => import('@/components/User')

Vue.use(Router)

const  routes = [
  {
    path: '',
    redirect: '/home' 
  },
  {
    path: '/home', 
    component: () => import('@/components/Home')
  },
  {
    path: '/about', 
    component: About
  },
  {
    path:'/user/:userId',
    component: User
  }
]
export default new Router({
    routes,
    mode:'history'
})