vue-router在线引用

在Vue.js中，我们可以使用vue-router来实现路由功能。如果要在线引用vue-router，可以在HTML文件中添加以下代码：

<!-- 引入Vue.js -->
<script src="https://unpkg.com/vue@next"></script>

<!-- 引入vue-router -->
<script src="https://unpkg.com/vue-router@4.0.12"></script>

然后就可以在Vue组件中使用vue-router了。例如：

<template>
  <div>
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
  const routes = [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]

  const router = VueRouter.createRouter({
    history: VueRouter.createWebHashHistory(),
    routes
  })

  const app = Vue.createApp({})
  app.use(router)
  app.mount('#app')
</script>

这里我们创建了一个路由器router，将其挂载到Vue实例上。然后在模板中使用`<router-link>`和`<router-view>`来实现路由导航和渲染。