Vue

by Sova

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.1.3/vue-router.min.js"></script>
<div id="app">
  <p>
    <router-link to="/?toString">Click</router-link>
  </p>
  <router-view></router-view>
</div>

Vue

const Component = {
	template: `
  <div>
  	<p
    	v-for="(prop, key, index) in $route.query"
      :key="index"
     >
    	{{key}}: [
      <span
      	v-for="(item, index2) in prop"
        :key="index2"
       >
      	{{typeof item}}
      </span>
      ]
    </p>
  </div>
  `,
  beforeRouteUpdate(to, from, next) {
  	console.log(to.query);
    next();
  }
}

const routes = [{ path: '/', component: Component }];

const router = new VueRouter({  routes});


new Vue({
  el: "#app",
  router,
})