＜router-view＞ 和 ＜router-link＞的区别

<router-view>：

• 用途：<router-view> 是一个占位符组件，用于在其中渲染匹配到的路由组件。它是 Vue Router 用于嵌套路由的关键部分。
• 工作原理：当路由匹配到某个路径时，<router-view> 会显示与该路径对应的组件内容。可以嵌套使用多个 <router-view> 来实现嵌套路由。

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

2.<router-link>：

• 用途：<router-link> 用于创建导航链接。它会渲染为一个 <a> 标签，并允许用户在应用中导航到不同的路由。
• 工作原理：通过点击 <router-link>，会更新 URL 并触发路由切换，从而加载并显示新的路由组件。
• 属性：
  • to：指定目标路由的路径或路由对象。

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