vue路由--- SPA應用，單頁面應用
vue-resouce 交互
vue-router 路由
根據不同url地址，出現不同效果
學習時vue-resouce版本0.7.13
一、例子：
主頁 home
新聞頁 news

 html:
    <a v-link="{path:'/home'}">主頁</a>   跳轉鏈接
    
    展示內容:
    <router-view></router-view>
 js:
    //1. 準備一個根組件
    var App=Vue.extend();

    //2. Home News組件都準備
    var Home=Vue.extend({
        template:'<h3>我是主頁</h3>'
    });

    var News=Vue.extend({
        template:'<h3>我是新聞</h3>'
    });

    //3. 準備路由
    var router=new VueRouter();

    //4. 關聯
    router.map({
        'home':{
            component:Home
        },
        'news':{
            component:News
        }
    });

    //5. 啟動路由
    router.start(App,'#box');

 跳轉:
     router.redirect({
         ‘/’:'/home'
     });

二、路由嵌套(多層路由):

 主頁 home
     登錄 home/login
     注冊 home/reg
 新聞頁    news

 subRoutes:{
    'login':{
        component:{
            template:'<strong>我是登錄信息</strong>'
        }
    },
    'reg':{
        component:{
            template:'<strong>我是注冊信息</strong>'
        }
    }
 }
 路由其他信息:
     /detail/:id/age/:age

     {{$route.params | json}}   ->  當前參數

     {{$route.path}}    ->  當前路徑
    
     {{$route.query | json}}    ->  數據