1-4 get传值

1 在列表页传值this.$router.push()

<div @click="handleClick(data.id)"></div>
export default {
    name:"Item",
    props:{
        data:{
            type:Object,
            required:true
        }
    },
    methods:{
        handleClick(id){
            console.log(id)
            this.$router.push(`/detail?id=${id}`)
        }
    }
};

methods:{
    handleClick(){
      this.$router.push({name:"detail",query:{id:13131}})
    }
}

2 在详情页接收值this.$route.query

export default {
    name:"Detail",
    computed:{
        id(){
            return this.$route.query.id
        }
    }
};

3 在详情页跳转回列表页

this.$router.back()

4 router-link跳转

<router-link :to="{name:'detail',query:{id:211313}}">detail</router-link>