Summary

本次课以 Vue.js 入门为主：先回顾 DOM 及渲染方式（SSR/CSR/混合）并点到 Hydration 与懒加载；再梳理前端架构模式（MVC/MVVM、单文件组件的 template/script/style）。重点讲 Vue3 响应式与组件通信（props→子、emits←子）、Composition API（<script setup>、ref/reactive）、数据绑定（胡须语法的一向与用指令实现的双向），以及常用指令 v-if/v-for/v-model/v-bind/v-on。补充 JSON 作为数据交换格式与箭头函数在事件处理、计算属性中的用法。老师还说明 eFolio 仅作形成性反馈，并预告将发布与期末大项目相关的第一次作业。

概括本次会议与学习内容

• 主题框架：本周聚焦“Getting started with Vue.js”，覆盖 DOM 工作方式与渲染管线，比较 SSR/CSR，并引出 SPA、虚拟 DOM、Hydration/懒加载等概念（入门了解即可）。
• 架构与文件组织：回顾 MVC/MVVM，强调单文件组件的 template / script / style 分离。.vue 更偏向 View/ViewModel 职责。
• 核心语法与机制：

  • 组件通信：父→子用 props；子→父用 emits（事件）。
  • Composition API：<script setup>；ref（原始/单值）与 reactive（对象/数组）。
  • 数据绑定：胡须语法的一向绑定与通过指令实现的双向绑定（v-model）。
  • 常用指令：v-if、v-show、v-for、v-model、v-bind、v-on。
• 数据与函数：JSON 是最常见的 API 返回格式，也可作为 props 的动态数据源；箭头函数用于事件处理与（配合）计算属性。
• 课程安排信息：eFolio 练习不计分，侧重形成性反馈；当天稍后发布第一次作业，且与期末大项目衔接。