import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
//在路由中引入组件
import home from '@/components/home'
import document from '@/components/document'
import about from '@/components/about'
import user from '@/components/user'
import noFound from '@/components/404'
import study from '@/views/study'
import work from '@/views/work'
import hobby from '@/views/hobby'
import sliders from '@/views/slider'
let router = new VueRouter({
mode: 'history',
linkActiveClass: 'is-active',
scrollBehavior(to,from,savePosition){
/*if(savePosition){
return savePosition;
}else{
return {x:0,y:0}
}*/
if( to.hash){
return {
selector: to.hash
}
}
},
routes: [
{
path: '/',
component: home
},
{
path: '/user/:tip?/:userId?', // /user/vip/1 /user/common/2 /user
component: user
},
{
path: '/home',
name: 'Home',
component: home,
alias: '/index'
},
{
path: '/about',
component: about,
children: [
{
path: '',
name: 'About',
component: study
},
{
path: '/work',
name: 'Work',
component: work
},
{
path: '/hobby',
name: 'Hobby',
component: hobby
}
]
},
{
path: '/document',
name: 'Dcoument',
components: {
default: document,
slider: sliders
}
},
{
path: '*',
redirect: (to) => {
if( to.path === '/123' ) {
return '/home'
}else if(to.path === '/456'){
return {path: '/document'}
}else{
return {name: 'About'}
}
console.log(to)
//return '/home'
}
}
]
})
export default router;