Vue的三种路由跳转传参

1. 通过URL传递，页面刷新数据不会丢失

js代码

// 页面刷新数据不会丢失
this.$router.push(`/home${id}`)
// 获取参数
this.$route.params.id
// 路由配置
{
     path: '/particulars/:id',
     name: 'particulars',
     component: particulars
}

这种方式需要在router.js里面进行配置

2. 和第一种一样，通过URL传递，不需要进行配置

// 跳转
this.$router.push({
    name: "home",
    query: {
        id: id
    }
})

// 获取参数
this.$route.query.id

3. 页面刷新数据会丢失

// 页面刷新数据会丢失
this.$router.push({
    name: "home",
    params: {
        id: id
    }
})
// 获取
this.$route.params.id