1.

<router-link to='/home'>首页</router-link>
<router-link to='/user'>用户页</router-link> 

盛放链接对应的内容

<router-view></router-view>

2.创建组件

var Home={
           template:`
             <h1>这是首页</h1>
           `
       }
       
       var User={
           template:`
                <h1>这是用户页</h1>
            `
       }

3.配置路由

 const  routes=[
           {path:'/home',component:Home},
           {path:'/user',component:User}
       ]

4.创建路由实例

       const router=new VueRouter({
           routes:routes
       })

5.路由实例挂载到vue实例上

       new Vue({
           el:'#app',
           router:router
       })