From 070dc061ef0572314508a290963b1d49dc6ad823 Mon Sep 17 00:00:00 2001
From: YC <3441961669@qq.com>
Date: Sun, 26 Apr 2026 22:03:48 +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

---
 ...00\345\217\221\347\216\257\345\242\203.md" | 20 +++++++++++++++++++
 ...24\345\274\217\346\225\260\346\215\256.md" |  6 ++++++
 ...16\344\276\246\345\220\254\345\231\250.md" |  6 ++++++
 ...70\347\224\250\346\214\207\344\273\244.md" | 11 ++++++++++
 4 files changed, 43 insertions(+)
 create mode 100644 "\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"
 create mode 100644 "\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"
 create mode 100644 "\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"
 create mode 100644 "\346\261\237\347\246\271\350\276\260/20260424-\345\270\270\347\224\250\346\214\207\344\273\244.md"

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 0000000..35a9ddb
--- /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 0000000..8e743c5
--- /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 0000000..59b5e68
--- /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 0000000..2ac50cc
--- /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
-- 
Gitee