Vue中、参数传递以及重定向

1、参数传递

关键部分代码

1、参数传递

<router-link :to="{name:'information',params:{id:1}}">用户信息</router-link>      

2、在路由中设置

{path:'/user/information/:id',name:'information',component:Information,props:true},      

3、在页面获取传递的值

<template>
<div>
  <h1>我是用户的详细信息</h1>
  {{id}}
</div>
</template>

<script>
    export default {
        props:['id'],
        name: "Information"
    }
</script>      

4、效果

2、页面重定向

关键部分代码

1、在路由中

2、返回首页

3、效果