路由的配置

首先，下载vue-router模块，cnpm install vue-router --save

接着在main,js 中配置路由：

1.引入路由模块和需要跳转的组件：import VueRoute 路由模块名称()from 'vue-router'（路由模块路径）

import 组件名称 from组件路径

2.使用路由模块：Vue.use(VueRouter)

3.配置路由路径：const routes=[

{path:'/'（网址路径）,component:Home（组件名称）}，

]

4.实例化路由：const router=new VueRouter({

routes,

mode:'history'(去掉路哟路径的网址的#号)

})

5.在实例中使用router：

new Vue({

el:'#app',

router,

render:h=>h(App)

})