vue中如何使用路由

<code class="bash">npm install vue-router@next</code>

<code class="javascript">import VueRouter from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

const router = new VueRouter({
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
})</code>

<code class="javascript">new Vue({
  router,
  el: '#app'
})</code>

<code class="html"><router-link to="/about">关于我们</router-link></code>

<code class="html"><router-view></router-view></code>

<code class="javascript">const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User }
  ]
})</code>

<code class="javascript">const router = new VueRouter({
  routes: [
    {
      path: '/admin',
      component: Admin,
      children: [
        { path: 'users', component: Users },
        { path: 'products', component: Products }
      ]
    }
  ]
})</code>

<code class="javascript">router.beforeEach((to, from, next) => {
  // ...
})</code>