JAVASCRIPT

vuejs get the url params withour router

created() {
    let uri = window.location.search.substring(1); 
    let params = new URLSearchParams(uri);
    console.log(params.get("var_name"));
  },
    
//Without vue-router

get params from route vuejs

const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}

Accessing $route.params in VueJS

 console.log('The id is: ' + this.$route.params.id);

vue 3 route params

<script setup>
import { useRoute } from 'vue-router';

const route = useRoute();  
const id = route.params.id; // read parameter id (it is reactive) 

</script>

vuejs router params

<router-link :to="{ name: 'movie', params: { id: item.id } }">{{ item.title }}</router-link>