一般来说，vue直接处理url参数请求的几率比较小，但是有时动态路由会用得到。

在vue2中较为简单，直接用this.$route.query.参数名称，即可获取。如下：

<template>
  <div>{{userid }}</div>
</template>

<script>
export default {
    data(){
        return{
            userid:this.$route.query.id
        }
    }
}
</script>

vue3中较为麻烦：

import { useRoute } from "vue-router"
 
setup() {
	const route = useRoute()
//url地址栏参数
	console.log(route.query, route.params)  
}