2019-08-17

带封装的配置路由

在min.js中引入路由  import router from './router'

在conponents文件夹内建一个文件inden.js用来封装路径：

书写标准：export const index=()=>import('./index.vue')

然后，再见一个文件夹-router ---建一个文件---index.js配置路由：

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

import { index,education,research } from '@/components'

export default new VueRouter({

    routes: [

        {

            path: '/',

            component: index

        },

        {

            path: '/education',

            component: education

        },

        {

            path: '/research',

            component: research

        }

    ]

})

要在min.js中写router

在要跳转的字前面写：教育教学

最后要在app.vue中需要跳转的地方写：