Vue-router V4

Vue Router 是官方路由库

快速起步

CDN：<script src="https://unpkg.com/vue-router@next">
NPM：npm install vue-router@next -S

在 App.vue 文件中配置路由出口

<template>
  <h1>Hello App!</h1>
  <!-- 在组件模板中使用 $route 来访问当前的路由对象 -->
  <p><strong>Current route path:</strong> {{ $route.fullPath }}</p>
  <nav>
    <!-- 创建链接 -->
    <RouterLink to="/">Go to Home</RouterLink>
    <RouterLink to="/about">Go to About</RouterLink>
  </nav>
  <main>
    <!-- 用于渲染当前 URL 路径对应的路由组件 -->
    <RouterView />
  </main>
</template>

HCX大约 11 分钟