diff --git "a/\346\261\237\347\246\271\350\276\260/20260420-vue.js\347\232\204\345\274\200\345\217\221\347\216\257\345\242\203.md" "b/\346\261\237\347\246\271\350\276\260/20260420-vue.js\347\232\204\345\274\200\345\217\221\347\216\257\345\242\203.md"
new file mode 100644
index 0000000000000000000000000000000000000000..35a9ddb3bfbec4323078e77e70c8c68ad70ac456
--- /dev/null
+++ "b/\346\261\237\347\246\271\350\276\260/20260420-vue.js\347\232\204\345\274\200\345\217\221\347\216\257\345\242\203.md"
@@ -0,0 +1,20 @@
+# 笔记
+
+## vue.js的开发环境
+
+1. 创建项目
+
+- npm：npm create vite@latest
+- yarn： yarn crea vite
+
+2. 安装依赖：npm install
+
+3. 启动项目：npm run dev
+
+4. 核心文件：src/App.vue
+
+5. `<script setup>` 写逻辑、定义变量和函数
+
+   `<template>` 写页面结构，用 HTML 语法
+
+   `<style>` 写 CSS 样式，美化页面
\ No newline at end of file
diff --git "a/\346\261\237\347\246\271\350\276\260/20260422-\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256.md" "b/\346\261\237\347\246\271\350\276\260/20260422-\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8e743c5214072a8287070c0260ec1ad41c8b81f4
--- /dev/null
+++ "b/\346\261\237\347\246\271\350\276\260/20260422-\345\223\215\345\272\224\345\274\217\346\225\260\346\215\256.md"
@@ -0,0 +1,6 @@
+# 笔记
+
+## 响应式数据
+
+1. 响应式数据：ref（let name = ref('XXX')）、reactive（let obj = reactive({age: 18})）
+2. `<script setup>`里的变量直接在`<template>`中使用，不用 return
\ No newline at end of file
diff --git "a/\346\261\237\347\246\271\350\276\260/20260423-\350\256\241\347\256\227\345\261\236\346\200\247\344\270\216\344\276\246\345\220\254\345\231\250.md" "b/\346\261\237\347\246\271\350\276\260/20260423-\350\256\241\347\256\227\345\261\236\346\200\247\344\270\216\344\276\246\345\220\254\345\231\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..59b5e68d766497ad9184b3c906ba3450204b6da3
--- /dev/null
+++ "b/\346\261\237\347\246\271\350\276\260/20260423-\350\256\241\347\256\227\345\261\236\346\200\247\344\270\216\344\276\246\345\220\254\345\231\250.md"
@@ -0,0 +1,6 @@
+# 笔记
+
+## 计算属性与侦听器
+
+1. 计算属性（computed）：根据已有数据计算出新值，会自动缓存
+2. 侦听器（watch）：监听数据变化
\ No newline at end of file
diff --git "a/\346\261\237\347\246\271\350\276\260/20260424-\345\270\270\347\224\250\346\214\207\344\273\244.md" "b/\346\261\237\347\246\271\350\276\260/20260424-\345\270\270\347\224\250\346\214\207\344\273\244.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2ac50ccc36f5a8bd0d545edaf768b3c9d5ef899e
--- /dev/null
+++ "b/\346\261\237\347\246\271\350\276\260/20260424-\345\270\270\347\224\250\346\214\207\344\273\244.md"
@@ -0,0 +1,11 @@
+# 笔记
+
+## 常用指令
+
+v-bind 用于绑定属性
+v-model 用于从表单元素中获取或者设置值
+v-html 用于将数据当成html标签渲染
+v-if 用于条件渲染，为真时渲染元素
+v-else 用于 v-if 的否定分支
+v-show 用于条件显示，通过 display 切换
+v-for 用于列表渲染，遍历数组或对象
\ No newline at end of file