//  vue-router學習筆記  記錄開發中的點點滴滴


跳轉路由的幾種方式：

  1、宣告式： 1) 根據路由路徑（/home/sort/detail）跳轉 <router-link :to="{path: '/home/sort/detail', query:{id: 'abc'}}">點選檢視子頁面</router-link>
             2) 根據路由名稱（detail）跳轉 <router-link :to="{name: 'detail', params:{id: 'abc'}}">點選檢視子頁面</router-link>
                :to=""  可以實現繫結動態的 路由 和 引數

  2、程式設計式： 1） this.$router.push({path: '/home/sort/detail',query:{id: 'abc'}})
             2） this.$router.push({name: 'detail',params:{id: 'abc'}})

    備註： params 和 query 傳參的區別：
            1、params傳參時  引數不會出現在url的路徑上面， 但是重新整理頁面時param裡面的資料會消失
            2、query傳參時   引數出現在url的路徑上面， 重新整理頁面時query裡面的資料不變