From 07e57f6ff33f0b8e3565e781693a1311d9c6ef76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E4=BC=9F?= <2113921291@qq.com>
Date: Sun, 26 Apr 2026 14:33:36 +0000
Subject: [PATCH 1/3] ZY
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 王德伟 <2113921291@qq.com>
---
 .../20260420.md"                              |  0
 .../20260422.md"                              |  2 +
 .../20260423.md"                              | 42 +++++++++++++++++++
 .../20260424.md"                              | 32 ++++++++++++++
 4 files changed, 76 insertions(+)
 create mode 100644 "\347\216\213\345\276\267\344\274\237/20260420.md"
 create mode 100644 "\347\216\213\345\276\267\344\274\237/20260422.md"
 create mode 100644 "\347\216\213\345\276\267\344\274\237/20260423.md"
 create mode 100644 "\347\216\213\345\276\267\344\274\237/20260424.md"

diff --git "a/\347\216\213\345\276\267\344\274\237/20260420.md" "b/\347\216\213\345\276\267\344\274\237/20260420.md"
new file mode 100644
index 0000000..e69de29
diff --git "a/\347\216\213\345\276\267\344\274\237/20260422.md" "b/\347\216\213\345\276\267\344\274\237/20260422.md"
new file mode 100644
index 0000000..01cb4b1
--- /dev/null
+++ "b/\347\216\213\345\276\267\344\274\237/20260422.md"
@@ -0,0 +1,2 @@
+1. 响应式数据：ref（let name = ref('XXX')）、reactive（let obj = reactive({age: 18})）
+2. `<script setup>`里的变量直接在`<template>`中使用，不用 return
diff --git "a/\347\216\213\345\276\267\344\274\237/20260423.md" "b/\347\216\213\345\276\267\344\274\237/20260423.md"
new file mode 100644
index 0000000..0ec34cf
--- /dev/null
+++ "b/\347\216\213\345\276\267\344\274\237/20260423.md"
@@ -0,0 +1,42 @@
+1. 插值语法
+
+Vue 模板中常用双大括号插值：
+
+```html
+<div>{{ message }}</div>
+```
+
+它会把 Vue 实例中的 `data.message` 渲染到页面。
+
+## 2. v-bind 属性绑定
+
+使用 `v-bind` 将数据绑定到标签属性：
+
+```html
+<img v-bind:src="imageUrl">
+<!-- 缩写 -->
+<img :src="imageUrl">
+```
+
+支持绑定 `class`、`style`、`href` 等属性。
+
+## 3. 文本与 HTML
+
+- `{{ }}` 插入文本，会自动转义。
+- `v-html` 插入原始 HTML：
+
+```html
+<div v-html="rawHtml"></div>
+```
+
+注意安全风险，避免插入不可信内容。
+
+## 4. 表单输入绑定
+
+`v-model` 用于双向绑定表单元素值：
+
+```html
+<input v-model="username">
+<select v-model="selected">
+  <option value="A">A</option>
+</select>
\ No newline at end of file
diff --git "a/\347\216\213\345\276\267\344\274\237/20260424.md" "b/\347\216\213\345\276\267\344\274\237/20260424.md"
new file mode 100644
index 0000000..a82cc12
--- /dev/null
+++ "b/\347\216\213\345\276\267\344\274\237/20260424.md"
@@ -0,0 +1,32 @@
+1. 计算属性（computed）
+
+计算属性是基于它们的依赖进行缓存的属性。
+
+```js
+computed: {
+  fullName() {
+    return this.firstName + ' ' + this.lastName;
+  }
+}
+```
+
+当依赖的 `firstName` 或 `lastName` 不变时，多次访问 `fullName` 不会重复计算。
+
+## 2. 计算属性的 getter/setter
+
+计算属性也可以写成对象形式：
+
+```js
+computed: {
+  fullName: {
+    get() {
+      return this.firstName + ' ' + this.lastName;
+    },
+    set(value) {
+      const parts = value.split(' ');
+      this.firstName = parts[0];
+      this.lastName = parts[1];
+    }
+  }
+}
+```
\ No newline at end of file
-- 
Gitee


From 89877f97bcf6ba7c8a53d3567a821cdc9f250768 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E4=BC=9F?= <2113921291@qq.com>
Date: Sun, 26 Apr 2026 14:36:17 +0000
Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E4=BC=9F/20260420.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\347\216\213\345\276\267\344\274\237/20260420.md" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 "\347\216\213\345\276\267\344\274\237/20260420.md"

diff --git "a/\347\216\213\345\276\267\344\274\237/20260420.md" "b/\347\216\213\345\276\267\344\274\237/20260420.md"
deleted file mode 100644
index e69de29..0000000
-- 
Gitee


From 3202d028faea4d2ada19a29b2278adc88a8e07c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BE=B7=E4=BC=9F?= <2113921291@qq.com>
Date: Sun, 26 Apr 2026 14:38:09 +0000
Subject: [PATCH 3/3] ZY
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 王德伟 <2113921291@qq.com>
---
 "\347\216\213\345\276\267\344\274\237/20260420.md" | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 "\347\216\213\345\276\267\344\274\237/20260420.md"

diff --git "a/\347\216\213\345\276\267\344\274\237/20260420.md" "b/\347\216\213\345\276\267\344\274\237/20260420.md"
new file mode 100644
index 0000000..8e05c5b
--- /dev/null
+++ "b/\347\216\213\345\276\267\344\274\237/20260420.md"
@@ -0,0 +1,5 @@
+npm create vue@latest
+cd 项目名
+npm config set registry https://registry.npmmirror.com
+npm install
+npm run dev
\ No newline at end of file
-- 
Gitee