37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
<!-- 关于页面 -->
|
||
<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>
|