1、查詢參login?id=12345

配置：（傳參）:to="{name:'login', query:{id:'loginid'}}"
獲?。海ㄈⅲ﹖his.$route.query.id

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、愛民ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的愛民網(wǎng)站制作公司

2、路由參數(shù)

配置：（傳參）:to="{name:'login', params:{id:'loginid'}}"
獲?。海ㄈⅲ﹖his.$route.params.id

3、路徑參數(shù)register/registerid/info

配置：（傳參）:to="{name:'register', params:{id:'registerid'}}"
配置路由規(guī)則：
routes: [{path: '/register/:id/info', name: 'register', component: Register}]
獲?。海ㄈⅲ﹖his.$route.params.id

4、使用props直接取參

配置：（傳參）:to="{name:'propsParams', params:{id:'propsParamsId'}}"
配置路由規(guī)則：
routes: [
// 通過props傳值
{path: '/propsParams', name: 'propsParams', props: true, component: PropsParams}]
獲取：（取參）

 var PropsParams = {
        template: `
                
傳參直接取值
                

                    直接拿到ID:{{id}}
                
            `,
        // 直接通過props取參
        props: ['id']
    }

5、通過JS進(jìn)行傳參

this.$router.push({path: '/login', name: 'login', query: {id: 'loginidjs'}})

代碼示例：

query傳參：

params傳參

params路徑傳參

params使用props直接取參

js傳參

fullPath路由全路徑監(jiān)聽

完整代碼示例：