我們在使用vue做單頁面應用難免會用到vue-router，那把專案中的經常用到方法整理一下，方便日後查詢與回顧。
1.$route.params
乙個 key/value 物件，如果沒有路由引數，就是乙個空物件。
格式：path: '/detail/:id' 動態路徑引數 以冒號開頭。
const routes = [
},
];
乙個引數時：
格式： /user/:username
$route.params：
多個引數時：
格式：/user/:username/post/:post_id
$route.params：
復用元件時，可以使用watch監聽$route 物件
watch:
}
或者用這種方式，只要$route發生變化，就可以做某事：
watch: ,
methods:
}
案例
// 當匹配到乙個路由時，引數值會被設定到 this.$route.params，可以在每個元件內使用。
// 可以通過this.$route.params.id來取上動態的id
<router-link:to="" >
此團詳情
// 還可以用命名路由的方式：
<router-link:to="}" >
此團詳情
// 還可以用router.push()的方式
router.push(})
// 以上三種方式都可以實現跳轉，都可以通過this.$route.params來取到引數
2.$route.query
對於路徑 /foo?user=1，則有 $route.query.user == 1，如果沒有查詢引數，則是個空物件。
用法<router-link:to="">驗證抵扣券
3定義路由的時候可以配置 meta 字段
案例：
// 定義路由的時候在meta中加入自定義字段
const routes = [
},
},
];
const router = new vuerouter();
router.beforeeach((to, from, next) => else
next();
});
綜合案例
li>標籤
<router-link
// to的值：字串形式
<router-linkto="banner.image_url" >
// to的值：物件形式，拼接多個動態引數
<router-link:to="" >
// to的值：物件形式
<router-link:to="">返回首頁
// to的值：物件形式，拼接動態引數
<router-linkto="">
// to的值：物件形式，帶乙個路徑引數
<router-link:to="" >
Vuejs之路之 迴圈渲染
一看見迴圈，我們就自然就想到了for迴圈，所以這裡講的就是v for的故事,廢話少說 總結之 1.其實v for的語法格式為v for item in of items，在這裡items可以是陣列，物件等等，item是子自己定義的 表示items中的元素或者子項 2.源資料是陣列的話，還可以 v f...
vuejs之 router link 大全（二）
vue路由 1.用name傳遞引數 在路由檔案裡配置name屬性 routes 在.vue模板裡用 router.name的形式接收 2.通過標籤中的to傳參 標籤中的to屬性進行傳參，需要對to進行乙個繫結，用 to。格式 params valuestring 用法 路由配置 頁面接收 3.單頁面...
vuejs基礎入門之環境搭建
對於小白，對命令列工具使用得很少，而在學習vuejs框架時，命令列工具必不可少，因此，我對一些不懂安裝vuejs環境的小白寫如下教程 1.vuejs是前端框架，環境借助於nodo.js，因此，我們先要安裝node.js的環境。3.開啟了以上命令列，輸入 npm install g cnpm regi...