<!-- 关于页面 -->
<template>
  <div class="page">
    <h1>关于 Week 6</h1>
    <div class="card">
      <h3>学习目标</h3>
      <p>掌握 Vue 3 核心，能独立开发 SPA 应用。</p>
    </div>
    <div class="card">
      <h3>技术栈</h3>
      <ul>
        <li>Vue 3 (Composition API + SFC)</li>
        <li>Vite (构建工具)</li>
        <li>Vue Router (路由)</li>
        <li>Pinia (状态管理)</li>
        <li>Axios (HTTP 客户端)</li>
      </ul>
    </div>
    <div class="card">
      <h3>下周预告：Week 7</h3>
      <p>将本项目的 Vue 前端与 Week 5 的 Spring Boot 后端对接，实现前后端分离的完整学生管理系统。</p>
    </div>
  </div>
</template>

<style scoped>
.page { max-width: 600px; margin: 40px auto; padding: 0 20px; }
h1 { margin-bottom: 24px; }
.card {
  background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.card h3 { color: #667eea; margin-bottom: 8px; }
.card ul { padding-left: 20px; color: #555; }
.card li { margin-bottom: 4px; }
</style>
