vue-router的使用

1.在src目录下创建router文件夹
2.在router文件夹下创建index.js

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

import Panos from '@/components/inside/panos/panos.vue';
import Fabu from '@/components/inside/fabu/fabu.vue';
import Hezuo from '@/components/inside/hezuo/hezuo.vue';
import Login from '@/components/inside/login/login.vue';
import Pnews from '@/components/inside/news/pnews.vue';
import Women from '@/components/inside/women/women.vue';
import Zhuce from '@/components/inside/zhuce/zhuce.vue';
import Home from '@/components/home/home.vue';

export default new Router({
    routes:[
        {path:'/home',component:Home},
        {path:'/panos',component:Panos},
        {path:'/fabu',component:Fabu},
        {path:'/hezuo',component:Hezuo},
        {path:'/login',component:Login},
        {path:'/pnews',component:Pnews},
        {path:'/women',component:Women},
        {path:'/zhuce',component:Zhuce},
        {path:'/',redirect:'/home'},        
    ]
})

3.在main.js中引入

import router from './router'

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