Vue-08-路由

1.路由：

具体步骤：

1.>router-link to=' 链接 '；

对应链接下显示的内容；

2.>创建组件：var index={ }；

3.>配置路由：

const routes=[
{path:'/',component:Index},
{path:'/index',component:Index},
{path:'/user',component:User}
]

4.>创建路由实例：

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

5.>把路由实例挂载到vue实例上；

new Vue（{
     el:'#app',
     router：router    //注册路由
}）

2.路由实例：

    
    
    
    


    

     
     首页
     用户页 
     
    
      
  
  


   

2.路由的传参：

   
   


   

      首页
      用户页
      
      
  
   
       
   

3.路由的嵌套：

    
    


    

   
   首页
   用户页