import Vue from 'vue'
import Router from 'vue-router'
import footer from '../components/footer'
import header from '../views/header'
import Hello from '../components/Hello'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/', // “/” 定义开始页面
name: 'footer',
component: footer
},
{
path: '/header', //跳转页面
name: 'header',
component: header
},
{
path: '/Hello',
name: 'Hello',
component: Hello
},
]
})
import Router from 'vue-router'
import footer from '../components/footer'
import header from '../views/header'
import Hello from '../components/Hello'
Vue.use(Router)
有关 @和 ../ 的区别大家可以去看看 webpwebpack配置篇
export default new Router({
routes: [
{
path: '/', // “/” 定义开始页面
name: 'footer',
component: footer
},
{
path: '/header', //跳转页面
name: 'header',
component: header
},
{
path: '/Hello',
name: 'Hello',
component: Hello
},
]
})