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 0000000000000000000000000000000000000000..8e05c5bc812f5fbab71f0a031ca47814c85767bd
--- /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
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 0000000000000000000000000000000000000000..01cb4b1d56173a267b9b5953a254ca9a761b803c
--- /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 0000000000000000000000000000000000000000..0ec34cfa4e34c6b9d360e90e4ae92e20108f186c
--- /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 0000000000000000000000000000000000000000..a82cc122511eb4e7513a1cb9bcd6cc7026d28a69
--- /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