JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-router.global.js"></script>
<div id="app">
  <router-link to="/posts/12345">Click</router-link>
  <router-view></router-view>
</div>

JavaScript

const { createApp } = Vue
const { createRouter, createWebHashHistory, useRoute } = VueRouter

const Posts = {
	template: `<div>Posts</div>`,
  setup() {
    const route = useRoute()
    console.log(route.params)
  }
}

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: '/posts/:id',
      component: Posts
    }
  ]
})

const app = createApp({})

app.use(router)

app.mount('#app')