From 51d37e581ca99b5df5eeae232957e19b41ae2a80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=99=93=E5=8F=B6?= <uppo89976@qq.com>
Date: Sun, 26 Apr 2026 21:43:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20260420-\345\210\235\345\247\213vue.md"  | 20 +++++++++++++++++++
 ...60\346\215\256\347\273\221\345\256\232.md" |  6 ++++++
 ...16\344\276\246\345\220\254\345\231\250.md" |  6 ++++++
 ...0260424-vue.js\346\214\207\344\273\244.md" | 11 ++++++++++
 4 files changed, 43 insertions(+)
 create mode 100644 "\350\265\265\346\231\223\345\217\266/20260420-\345\210\235\345\247\213vue.md"
 create mode 100644 "\350\265\265\346\231\223\345\217\266/20260422-\346\225\260\346\215\256\347\273\221\345\256\232.md"
 create mode 100644 "\350\265\265\346\231\223\345\217\266/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"
 create mode 100644 "\350\265\265\346\231\223\345\217\266/20260424-vue.js\346\214\207\344\273\244.md"

diff --git "a/\350\265\265\346\231\223\345\217\266/20260420-\345\210\235\345\247\213vue.md" "b/\350\265\265\346\231\223\345\217\266/20260420-\345\210\235\345\247\213vue.md"
new file mode 100644
index 0000000..35a9ddb
--- /dev/null
+++ "b/\350\265\265\346\231\223\345\217\266/20260420-\345\210\235\345\247\213vue.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/\350\265\265\346\231\223\345\217\266/20260422-\346\225\260\346\215\256\347\273\221\345\256\232.md" "b/\350\265\265\346\231\223\345\217\266/20260422-\346\225\260\346\215\256\347\273\221\345\256\232.md"
new file mode 100644
index 0000000..8e743c5
--- /dev/null
+++ "b/\350\265\265\346\231\223\345\217\266/20260422-\346\225\260\346\215\256\347\273\221\345\256\232.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/\350\265\265\346\231\223\345\217\266/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/\350\265\265\346\231\223\345\217\266/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 0000000..59b5e68
--- /dev/null
+++ "b/\350\265\265\346\231\223\345\217\266/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/\350\265\265\346\231\223\345\217\266/20260424-vue.js\346\214\207\344\273\244.md" "b/\350\265\265\346\231\223\345\217\266/20260424-vue.js\346\214\207\344\273\244.md"
new file mode 100644
index 0000000..2ac50cc
--- /dev/null
+++ "b/\350\265\265\346\231\223\345\217\266/20260424-vue.js\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
-- 
Gitee