這篇文章主要介紹了基于vue.js路由參數(shù)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司主營(yíng)興山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都app軟件開(kāi)發(fā)公司,興山h5小程序定制開(kāi)發(fā)搭建,興山網(wǎng)站營(yíng)銷(xiāo)推廣歡迎興山等地區(qū)企業(yè)咨詢

vue中，我們構(gòu)建單頁(yè)面應(yīng)用時(shí)候，一定必不可少用到vue-router

vue-router 就是我們的路由，這個(gè)由vue官方提供的插件

首先在我們項(xiàng)目中安裝vue-router路由依賴(lài)

第一種，我們提供命令行來(lái)安裝

npm install vue-router --save

第二種，我們直接去官方github下載

https://github.com/vuejs/vue-router

路由參數(shù)設(shè)置

1，實(shí)例化一個(gè)路由，然后路由映射表中的地址帶參數(shù),這個(gè)參數(shù)就是路由的參數(shù)

接著給映射表中的路由設(shè)置一個(gè)name值

語(yǔ)法

{path:"/home/:id,component:home,name:"wang"}

2.當(dāng)我們掛載Vue實(shí)例上去后，我們?cè)趆ome組件中，要獲取當(dāng)前路由參數(shù)

語(yǔ)法 this.$route.params.參數(shù)名字

3.根據(jù)當(dāng)前參數(shù)不同，設(shè)置路由導(dǎo)航去不同的路徑

       {{item.title}}