Vue_router

先介绍一个vue路由的官网
https://router.vuejs.org/

vue路由配置：
1，安装：

npm install vue-router --save/npm install vue-router --save

2，引入并且Vue.use(VueRouter) 在main.js中··

import VueRouter from 'vue-router'
Vue.use(VueRouter)

3,配置路由

1，创建组件，引入组件

2，定义路由：

const routes={
    {path:'/foo',compoent:Foo},
    {path:'/bar',compoent:Bar},
      {path:'*',redirect:'/home'}/*默认跳转路由*/
}

3、实例化VueRouter

const router=new VueRouter({
    routes//相当于routes：routes
})

4、挂载

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

在需要路由组件的地方

<router-view><router-view>
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>