JSFiddle - React, Tailwind, and code Playground

by Niklesh

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

<div id="app">
    <router-link to="/page/first">First</router-link> |
    <router-link to="/page/second">Second</router-link>
  <router-view></router-view>
</div>

JavaScript

let VueComponent = Vue.extend({
  template: `
  	<div>
  		<div>Param '{{$route.params.name}}'</div>
    </div>`,
  data(){
    return {
      name: this.$route.params.name
    };
  }
})

const router = new VueRouter({
  routes: [
    {
      path: '/page/:name', component: VueComponent,
    }
  ]
})
const app = new Vue({ router }).$mount('#app')