JSFiddle - React, Tailwind, and code Playground

by youknowimean

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">
  <p>
    <router-link to="/board/1">/board/1</router-link>
    <router-link to="/board/2">/board/2</router-link>
  </p>
  <router-view></router-view>
</div>

JavaScript

const Board = {
  template: `<div>게시판 번호 {{ $route.params.no }}</div>`
}

const router = new VueRouter({
  routes: [
    { path: '/board/:no', component: Board }
  ]
})

const app = new Vue({ router }).$mount('#app')