From d08217f8128b085dcb25fa91bdd1fc8402b575e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E6=99=A8=E8=BE=89?= <2630523459@qq.com>
Date: Thu, 23 Apr 2026 12:19:47 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20260420-vue\345\237\272\347\241\200.md"  | 27 ++++++++
 ...60\346\215\256\347\273\221\345\256\232.md" | 64 +++++++++++++++++++
 ...16\344\276\246\345\220\254\345\231\250.md" | 36 +++++++++++
 3 files changed, 127 insertions(+)
 create mode 100644 "\350\203\241\346\231\250\350\276\211/20260420-vue\345\237\272\347\241\200.md"
 create mode 100644 "\350\203\241\346\231\250\350\276\211/20260422-vue\346\225\260\346\215\256\347\273\221\345\256\232.md"
 create mode 100644 "\350\203\241\346\231\250\350\276\211/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"

diff --git "a/\350\203\241\346\231\250\350\276\211/20260420-vue\345\237\272\347\241\200.md" "b/\350\203\241\346\231\250\350\276\211/20260420-vue\345\237\272\347\241\200.md"
new file mode 100644
index 0000000..1b90cf3
--- /dev/null
+++ "b/\350\203\241\346\231\250\350\276\211/20260420-vue\345\237\272\347\241\200.md"
@@ -0,0 +1,27 @@
+vue基础
+
+快速上手
+
+1.确保node.js安装的是最新版本(node.js网址：https://nodejs.cn/en/download)
+
+2.使用yarn创建项目(判断yarn版本：yarn -v)
+	
+
+	# For Yarn (v1+)
+	yarn create vue
+	
+	# For Yarn Modern (v2+)
+	yarn create vue@latest
+	  
+	# For Yarn ^v4.11
+	yarn dlx create-vue@latest
+
+
+3.安装依赖并启动开发服务器
+
+	cd <项目名>
+	
+	yarn(安装依赖)
+	镜像源：yarn config set registry https://registry.npmmirror.com
+	
+	yarn dev(启动)
diff --git "a/\350\203\241\346\231\250\350\276\211/20260422-vue\346\225\260\346\215\256\347\273\221\345\256\232.md" "b/\350\203\241\346\231\250\350\276\211/20260422-vue\346\225\260\346\215\256\347\273\221\345\256\232.md"
new file mode 100644
index 0000000..b08c6c5
--- /dev/null
+++ "b/\350\203\241\346\231\250\350\276\211/20260422-vue\346\225\260\346\215\256\347\273\221\345\256\232.md"
@@ -0,0 +1,64 @@
+# 数据绑定
+
+## 文本插值
+
+    <template>
+        <标签名>{{数据名}}</标签名>
+    </template>
+
+    示例
+
+    <template>
+        <div>{{a}}</div>
+    </template>
+
+    <script setup>
+        // 你的逻辑代码
+        let a='你好世界！'
+    </script>
+
+## HTML绑定
+    <template>
+        <标签名 v-html="数据名"></标签名>
+    </template>
+    示例
+    
+    <template>
+        <h1 v-html="a"></h1>
+    </template>
+
+    <script setup>
+        // 你的逻辑代码
+        let a=`<p>你好睡觉</p>`
+    </script>
+
+## 属性绑定
+    <template>
+        <标签名 v-bind：属性名="数据名">....</标签名>
+    </template>
+    示例
+    
+    <template>
+        <div v-bind:style="a"></div>
+    </template>
+
+    <script setup>
+        // 你的逻辑代码
+        let a={
+            height:"100px",
+            weith:"10px"
+        }
+    </script>
+
+## 响应式数据绑定
+
+    ref()
+
+        const 响应式数据名=ref(数据值)
+        响应式数据名.value=新值
+
+    reactive()
+
+        const 响应式数据名=reactive(数据值)
+        响应式数据名=新值
+        
\ No newline at end of file
diff --git "a/\350\203\241\346\231\250\350\276\211/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\203\241\346\231\250\350\276\211/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..c4c8676
--- /dev/null
+++ "b/\350\203\241\346\231\250\350\276\211/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,36 @@
+# 计算属性与侦听器
+
+## 计算属性
+
+    模板
+
+    <script setup>
+
+    import { computed } from "vue";
+
+        const 属性名 = computed(()=>{
+
+            return 计算后的属性
+        })
+    </script>
+
+    <template>
+        计算后的属性
+    </template>
+
+## 侦听器
+
+    模板
+
+    <script setup>
+
+    import { watch } from "vue";
+
+        const 属性名 = watch(
+            侦听器数据源,
+            回调函数,
+            可选函数
+        )
+    </script>
+
+   
\ No newline at end of file
-- 
Gitee


From ba33c4bd03b99a822fef0a3a574d0f7d68afeff4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E6=99=A8=E8=BE=89?= <2630523459@qq.com>
Date: Sat, 25 Apr 2026 13:38:37 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...0260424-vue.js\346\214\207\344\273\244.md" | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 "\350\203\241\346\231\250\350\276\211/20260424-vue.js\346\214\207\344\273\244.md"

diff --git "a/\350\203\241\346\231\250\350\276\211/20260424-vue.js\346\214\207\344\273\244.md" "b/\350\203\241\346\231\250\350\276\211/20260424-vue.js\346\214\207\344\273\244.md"
new file mode 100644
index 0000000..69c10c1
--- /dev/null
+++ "b/\350\203\241\346\231\250\350\276\211/20260424-vue.js\346\214\207\344\273\244.md"
@@ -0,0 +1,19 @@
+# vue.js指令
+
+## 条件渲染
+
+    <标签名 v-if="条件表达式">.....</标签名>
+    <标签名 v-else-if="条件表达式">.....</标签名>
+    <标签名 v-else>.....</标签名>
+
+        条件渲染顺序：必须按v-if，v-else-if，v-else这个层级否则不会被识别
+
+    <标签名 v-show="条件表达式">.....</标签名>
+
+        通过"display:none"控制元素隐藏与显示，渲染过程会保留元素
+
+## 循环渲染
+
+    <标签名 v-for="(item,name,index) in items">.....</标签名>
+
+
-- 
Gitee