JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.12/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.5.1/vue-router.min.js"></script>

<div id="app">
  <router-link to="/">/home</router-link>
  <router-link to="/xxx/num">num</router-link>
  <router-link to="/xxx/str">str</router-link>
  <router-link to="/xxx/arr">arr</router-link>

  <pre
    v-for="n in this[`${$route.params.type}Items`]"
    v-text="JSON.stringify(n, null, 2)"
    class="item"
  ></pre>
</div>

CSS

.item {
  border: 1px solid silver;
  padding: 10px;
  margin: 10xp;
}

JavaScript

const router = new VueRouter({
  routes: [
    { path: '/xxx/:type' },
  ], 
});

new Vue({
	router,
  el: '#app',
  data: () => ({
    numItems: [ 69, 187, 666 ],
    strItems: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
    arrItems: [
      [],
      [ new Date() ],
      [ { x: 1 }, null, true ],
    ],
  }),
});