From 304a15778d5fdd346b07ed026431ed7e5107f41a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Wed, 22 Apr 2026 06:33:57 +0000
Subject: [PATCH 01/10] 1
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 .../20260422\345\210\235\350\257\206vue.md"               | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 "\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md"

diff --git "a/\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md" "b/\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md"
new file mode 100644
index 0000000..e379a95
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md"
@@ -0,0 +1,8 @@
+## 初识vue笔记
+
+```
+vue create 项目名 创建项目
+cd 名称 进入文件夹
+yarn install 安装
+yarn dev 启动项目
+```
\ No newline at end of file
-- 
Gitee


From 5d6e5624134ad4a0e109e6b6239fafde3b3a2e6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 02:04:07 +0000
Subject: [PATCH 02/10] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=E5=BB=96?=
 =?UTF-8?q?=E4=BB=B2=E8=BE=89/20260422=E5=88=9D=E8=AF=86vue.md=20=E4=B8=BA?=
 =?UTF-8?q?=20=E5=BB=96=E4=BB=B2=E8=BE=89/20260420=E5=88=9D=E8=AF=86vue.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20260420\345\210\235\350\257\206vue.md"                       | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename "\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md" => "\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md" (100%)

diff --git "a/\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md" "b/\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md"
similarity index 100%
rename from "\345\273\226\344\273\262\350\276\211/20260422\345\210\235\350\257\206vue.md"
rename to "\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md"
-- 
Gitee


From d48e210c11d04cea7308f67648fa6a9667b55b41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 02:05:34 +0000
Subject: [PATCH 03/10] =?UTF-8?q?update=20=E5=BB=96=E4=BB=B2=E8=BE=89/2026?=
 =?UTF-8?q?0420=E5=88=9D=E8=AF=86vue.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 .../20260420\345\210\235\350\257\206vue.md"                 | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git "a/\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md" "b/\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md"
index e379a95..2a682d3 100644
--- "a/\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md"
+++ "b/\345\273\226\344\273\262\350\276\211/20260420\345\210\235\350\257\206vue.md"
@@ -1,8 +1,10 @@
 ## 初识vue笔记
 
 ```
-vue create 项目名 创建项目
+
+yarn create vue 项目名
 cd 名称 进入文件夹
-yarn install 安装
+yarn 安装
 yarn dev 启动项目
+
 ```
\ No newline at end of file
-- 
Gitee


From 2e8b28ba6952c8c56036e20d201cf5c5d1c9c98f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 02:14:27 +0000
Subject: [PATCH 04/10] =?UTF-8?q?add=20=E5=BB=96=E4=BB=B2=E8=BE=89/2026042?=
 =?UTF-8?q?2=E6=95=B0=E6=8D=AE=E7=BB=91=E5=AE=9A.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 ...60\346\215\256\347\273\221\345\256\232.md" | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 "\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"

diff --git "a/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md" "b/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"
new file mode 100644
index 0000000..6fbedc9
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"
@@ -0,0 +1,23 @@
+# 数据绑定
+
+1.文本插值
+在js里定义变量
+然后直接在tamplate中能用{{}}进行引用
+
+2.HTML绑定
+在js里定义带h5标签的字符串变量
+然后在tamplate中标签中使用属性v-html="变量名"，进行插入某标签
+
+3.属性绑定
+在js里定义对象变量
+在tanplate中，任意标签的:style="变量名中进行绑定"
+
+## 响应式绑定
+
+1.ref
+在js中使用ref方法绑定数据给变量，用延时函数对变量.value进行改变
+在template中正常括号引用
+
+2.reactive
+在js中使用reactive方法绑定对象给变量
+在template中可放任意标签中的:style属性="变量名"
-- 
Gitee


From 397f71bf78b1d6ddfe88cd63535e0c8818737bdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 02:15:05 +0000
Subject: [PATCH 05/10] =?UTF-8?q?update=20=E5=BB=96=E4=BB=B2=E8=BE=89/2026?=
 =?UTF-8?q?0422=E6=95=B0=E6=8D=AE=E7=BB=91=E5=AE=9A.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 ...5\260\346\215\256\347\273\221\345\256\232.md" | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git "a/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md" "b/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"
index 6fbedc9..c3d2dbe 100644
--- "a/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"
+++ "b/\345\273\226\344\273\262\350\276\211/20260422\346\225\260\346\215\256\347\273\221\345\256\232.md"
@@ -1,23 +1,27 @@
 # 数据绑定
-
+```
 1.文本插值
 在js里定义变量
 然后直接在tamplate中能用{{}}进行引用
-
+```
+```
 2.HTML绑定
 在js里定义带h5标签的字符串变量
 然后在tamplate中标签中使用属性v-html="变量名"，进行插入某标签
-
+```
+```
 3.属性绑定
 在js里定义对象变量
 在tanplate中，任意标签的:style="变量名中进行绑定"
-
+```
 ## 响应式绑定
-
+```
 1.ref
 在js中使用ref方法绑定数据给变量，用延时函数对变量.value进行改变
 在template中正常括号引用
-
+```
+```
 2.reactive
 在js中使用reactive方法绑定对象给变量
 在template中可放任意标签中的:style属性="变量名"
+```
\ No newline at end of file
-- 
Gitee


From 731ed652b4630829de9ce5955333ecc1db846d83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 02:20:27 +0000
Subject: [PATCH 06/10] =?UTF-8?q?add=20=E5=BB=96=E4=BB=B2=E8=BE=89/2026042?=
 =?UTF-8?q?3=E8=AE=A1=E7=AE=97=E5=B1=9E=E6=80=A7=E4=B8=8E=E4=BE=A6?=
 =?UTF-8?q?=E5=90=AC=E5=99=A8.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 ...270\216\344\276\246\345\220\254\345\231\250.md" | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 "\345\273\226\344\273\262\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/\345\273\226\344\273\262\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/\345\273\226\344\273\262\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..ec18d42
--- /dev/null
+++ "b/\345\273\226\344\273\262\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,14 @@
+# 计算属性与侦听器笔记
+
+ - 计算属性
+```
+只能在js中定义变量，使用conputed方法中的函数进行计算，返回值
+然后在tamplate中直接{{变量名}}，拿到数据
+```
+
+ - 侦听器笔记
+ ```
+ 在js中使用watch方法进行侦听
+三个参数分别是
+(侦听对象(箭头函数包裹),回调函数(两个参数分别是新值和旧值),可选参数)
+ ```
\ No newline at end of file
-- 
Gitee


From c4c8aa78f03b9a44334a992fab15383fcadc34b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Thu, 23 Apr 2026 03:20:27 +0000
Subject: [PATCH 07/10] =?UTF-8?q?update=20=E5=BB=96=E4=BB=B2=E8=BE=89/2026?=
 =?UTF-8?q?0423=E8=AE=A1=E7=AE=97=E5=B1=9E=E6=80=A7=E4=B8=8E=E4=BE=A6?=
 =?UTF-8?q?=E5=90=AC=E5=99=A8.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 ...16\344\276\246\345\220\254\345\231\250.md" | 37 ++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git "a/\345\273\226\344\273\262\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/\345\273\226\344\273\262\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"
index ec18d42..4996a88 100644
--- "a/\345\273\226\344\273\262\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/\345\273\226\344\273\262\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"
@@ -11,4 +11,39 @@
  在js中使用watch方法进行侦听
 三个参数分别是
 (侦听对象(箭头函数包裹),回调函数(两个参数分别是新值和旧值),可选参数)
- ```
\ No newline at end of file
+ ```
+
+  -vue源代码
+```
+<script setup>
+import { computed, reactive, watch } from 'vue';
+
+let hu=reactive( {
+    name:"胡晨辉",
+    age:"2005-12-11"
+  })
+ 
+
+let rt=computed(()=>{
+  let a=(new Date-new Date(hu.age))/1000/60/60/24/365;
+  return a;
+})
+
+setTimeout(()=>{
+hu.name="小胡胡"
+},1500)
+
+let change=watch(()=>hu.name,(n,o)=>{
+  console.log("最初是"+n);
+  console.log("进行反映后变成"+o);
+})
+</script>
+
+<template>
+
+<h1>{{ rt }}</h1>
+<h2>{{ hu.name }}</h2>
+
+</template>
+
+```
\ No newline at end of file
-- 
Gitee


From e7b7dd6ac55c1c1cf354575c51b3beca845d9d1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Fri, 24 Apr 2026 02:11:38 +0000
Subject: [PATCH 08/10] =?UTF-8?q?add=20=E5=BB=96=E4=BB=B2=E8=BE=89/2024042?=
 =?UTF-8?q?4Vue.js=E6=8C=87=E4=BB=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 .../20240424Vue.js\346\214\207\344\273\244"   | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 "\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244"

diff --git "a/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244" "b/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244"
new file mode 100644
index 0000000..9379a8b
--- /dev/null
+++ "b/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244"
@@ -0,0 +1,29 @@
+# 笔记
+
+ - 属性绑定
+```
+v-bind用于绑定属性
+```
+ - 表单处理
+```
+v-model用于从表单中获取或设置值
+```
+
+ - 内容渲染
+ ```
+v-html用于将数据当成html标签渲染
+ ```
+
+ - 条件渲染
+```
+v-if v-else-if v-else 语序逻辑和js一样，三个只显示一个。v-show和v-if相同功能，逻辑不同
+```
+ -循环渲染
+```
+v-for 后面跟="（形参1(循环项),下标，x)in 对象数组）"或="(形参2(循环项),属性名,下标)in 对象"
+```
+
+ -事件处理
+```
+v-on
+```
\ No newline at end of file
-- 
Gitee


From 7cd4c72095bf8c0e11f188bb51a08657767f9d69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Fri, 24 Apr 2026 02:11:51 +0000
Subject: [PATCH 09/10] =?UTF-8?q?rename=20=E5=BB=96=E4=BB=B2=E8=BE=89/2024?=
 =?UTF-8?q?0424Vue.js=E6=8C=87=E4=BB=A4=20to=20=E5=BB=96=E4=BB=B2=E8=BE=89?=
 =?UTF-8?q?/20240424Vue.js=E6=8C=87=E4=BB=A4.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 .../20240424Vue.js\346\214\207\344\273\244.md"                    | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename "\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244" => "\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md" (100%)

diff --git "a/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244" "b/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md"
similarity index 100%
rename from "\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244"
rename to "\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md"
-- 
Gitee


From c8598363d4c9617aca88a8deaeb4bc48a0125aee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com>
Date: Fri, 24 Apr 2026 02:35:49 +0000
Subject: [PATCH 10/10] =?UTF-8?q?update=20=E5=BB=96=E4=BB=B2=E8=BE=89/2024?=
 =?UTF-8?q?0424Vue.js=E6=8C=87=E4=BB=A4.md.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 廖仲辉 <913445033@qq.com>
---
 ...20240424Vue.js\346\214\207\344\273\244.md" | 125 ++++++++++++++++++
 1 file changed, 125 insertions(+)

diff --git "a/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md" "b/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md"
index 9379a8b..4cef404 100644
--- "a/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md"
+++ "b/\345\273\226\344\273\262\350\276\211/20240424Vue.js\346\214\207\344\273\244.md"
@@ -26,4 +26,129 @@ v-for 后面跟="（形参1(循环项),下标，x)in 对象数组）"或="(形
  -事件处理
 ```
 v-on
+```
+
+## 源代码
+
+```vue
+<script setup>
+import { reactive } from 'vue';
+
+
+let box="我是一个小盒子"
+let obj=reactive([
+    {
+        id:1,
+        studentnumber:"189000101",
+        name:"小明",
+        gender:"男",
+        chinese:"124",
+        math:"102",
+        enlish:"90",
+        tatol:"316"
+    },
+    {
+        id:2,
+        studentnumber:"123213",
+        name:"小刚",
+        gender:"男",
+        chinese:"234",
+        math:"234",
+        enlish:"23",
+        tatol:"43"
+    },
+    {
+        id:3,
+        studentnumber:"229000101",
+        name:"小李",
+        gender:"男",
+        chinese:"24",
+        math:"12",
+        enlish:"9",
+        tatol:"16"
+    },
+    {
+        id:4,
+        studentnumber:"33000101",
+        name:"小金",
+        gender:"男",
+        chinese:"57",
+        math:"98",
+        enlish:"33",
+        tatol:"31"
+    },
+    {
+        id:5,
+        studentnumber:"189004101",
+        name:"小红",
+        gender:"女",
+        chinese:"24",
+        math:"2",
+        enlish:"120",
+        tatol:"86"
+    },
+    {
+        id:6,
+        studentnumber:"18907101",
+        name:"小狗",
+        gender:"男",
+        chinese:"1",
+        math:"1",
+        enlish:"1",
+        tatol:"1"
+    },
+])
+
+</script>
+
+
+
+<template>
+{{ box }}
+
+<table>
+    <thead>
+        <tr>
+            <th>序号</th>
+            <th>学号</th>
+            <th>姓名</th>
+            <th>性别</th>
+            <th>语文</th>
+            <th>数学</th>
+            <th>英语</th>
+            <th>总分</th>
+        </tr>
+    </thead>
+
+   <tbody >
+    <tr v-for="(item,index) in obj">
+        <td>{{ index+1 }}</td>
+        <td>{{ item.studentnumber }}</td>
+        <td>{{ item.name }}</td>
+        <td>{{ item.gender }}</td>
+        <td>{{ item.chinese }}</td>
+        <td>{{ item.math }}</td>
+        <td>{{ item.enlish }}</td>
+        <td>{{ item.tatol }}</td>
+    </tr>
+   </tbody>
+</table>
+</template>
+
+<style>
+table,td,tr,th{
+    text-align: center;
+    border:1px solid black;
+    border-collapse: collapse;
+}
+
+tr:nth-child(even) {
+        background-color: rgb(194, 97, 41)
+    }
+    tr:nth-child(odd) {
+        background-color: gray
+    }
+
+ 
+</style>
 ```
\ No newline at end of file
-- 
Gitee