Vue3知识地图之Vue生命周期函数与常用模板语法

# Vue3知识地图之Vue生命周期函数与常用模板语法

## 生命周期函数
Vue3的生命周期分为**组合式API**和**选项式API**两种形式：
- `setup()`：组合式API的入口，替代了Vue2的`beforeCreate`和`created`
- `onMounted()`：DOM挂载完成后执行
- `onUpdated()`：数据变化导致DOM更新后触发
- `onUnmounted()`：组件卸载时调用

## 常用模板语法
1. **插值语法**：`{{ data }}` 双大括号绑定数据  
2. **指令系统**：
   - `v-if/v-show`：条件渲染
   - `v-for`：列表渲染
   - `v-bind`：属性绑定（简写`:`）
   - `v-on`：事件绑定（简写`@`）
3. **双向绑定**：`v-model` 实现表单输入绑定

> 提示：Vue3的`<script setup>`语法糖可以更简洁地使用组合式API。

（全文约200字，涵盖核心生命周期和模板语法要点）