div id="app">
        
My Router
        
        
        
    

动态路由

例如不同的用户登录会有不同的标识userid，不可能为每一个userid来配置路由，所以需要动态路由来配置

    

        
动态路由
        

            Alice
            Bob
        
        
    
    
    
    

改变路由会通过watch监听地址的改变：

从这个地址 file:///Users/xyb/Desktop/my02.html#/user/alice  跳到 file:///Users/xyb/Desktop//my02.html#/user/bob

嵌套路由

一个页面存在多个子路由，使用children属性把子路由放进去，点击其他路由刷新对应的组件view。

    

        
嵌套路由
        

            首页中心
            提现
            充值
        
        
        
    

    
    
    
    
    
    
    

路由跳转情况：

file:///Users/xyb/Desktop/my03.html

 file:///Users/xyb/Desktop/my03.html#/home

file:///Users/xyb/Desktop/my03.html#/home/withdraw

file:///Users/xyb/Desktop/my03.html#/home/rechange

编程式路由

通过当前地址会自动push到一个新的地址。箭头返回当前地址，通过router.push操作传入 path 和 query ；

    

        
Router
        

            peigon
        
        
    

    
    
    
    
    

命名路由

可以通过 name 标识一个路由的名字

        
Router 4
        

            
            Foo
            SubPage
            Nav
        
        
    

    
    
    

    
    
    

命名视图

    

        
Router 4
        

            Home
            Subpage
            Navicat