<template>
  <!-- 应用根组件的路由视图容器 -->
  <!-- 作为所有路由组件的挂载点，根据当前激活的路由动态渲染对应的组件内容 -->
  <router-view />
</template>

<script setup>
/**
 * 应用的根组件(App.vue)
 * 作为整个应用的入口组件，主要职责是提供路由视图容器
 * Vue Router会根据当前的URL路径，在此处动态渲染对应的页面组件
 * 
 * 组件特点:
 * - 结构简洁，仅包含router-view作为路由出口
 * - 通过Vue Router的配置实现页面间的切换
 * - 所有子组件通过路由系统挂载到此处
 */

</script>

<style scoped>
/**
 * 根组件样式
 * 当前保持为空，全局样式定义在assets/main.css中
 * 如需为根组件添加特定样式，可以在此处定义
 */
</style>