From 9779c76e3d6c2d4f619895592eafb7cc403efa65 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BB=96=E4=BB=B2=E8=BE=89?= <913445033@qq.com> Date: Tue, 28 Apr 2026 07:45:22 +0000 Subject: [PATCH 1/8] =?UTF-8?q?add=2020260427vue=E6=8C=87=E4=BB=A4-v-bind.?= =?UTF-8?q?md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...0427vue\346\214\207\344\273\244-v-bind.md" | 29 +++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 "20260427vue\346\214\207\344\273\244-v-bind.md" diff --git "a/20260427vue\346\214\207\344\273\244-v-bind.md" "b/20260427vue\346\214\207\344\273\244-v-bind.md" new file mode 100644 index 0000000..8254b9a --- /dev/null +++ "b/20260427vue\346\214\207\344\273\244-v-bind.md" @@ -0,0 +1,29 @@ +# 笔记 +## v-bind class绑定 +``` +(1) +js 定义obj,如果有-,加"",如 + +{ active: isActive, 'text-danger': hasError }; + +const obj = { + 'is-active': true +} + +template v-bind:class="obj" +(2) +template v-bind:class={txtfont:obj1, +center:obj2} + +``` + +## v-bind style绑定 +``` +(1) +绑定对象 +v-bind:style=js中的对象 +(2) +绑定数组 +v-bind style=[js中的对象,js中的对象,js中的对象] + +``` \ No newline at end of file -- Gitee From 782cc3968e06caf2b292fb438987c1dc2a68ac8a 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, 29 Apr 2026 09:31:15 +0000 Subject: [PATCH 2/8] =?UTF-8?q?add=20=E5=BB=96=E4=BB=B2=E8=BE=89/20260429?= =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E7=BB=91=E5=AE=9A=E4=B8=8E=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E5=A4=84=E7=90=86.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...50\345\215\225\345\244\204\347\220\206.md" | 97 +++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 "\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md" diff --git "a/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md" "b/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md" new file mode 100644 index 0000000..7081f64 --- /dev/null +++ "b/\345\273\226\344\273\262\350\276\211/20260429\344\272\213\344\273\266\347\273\221\345\256\232\344\270\216\350\241\250\345\215\225\345\244\204\347\220\206.md" @@ -0,0 +1,97 @@ +# 笔记 + +``` + +事件绑定 v-on= @ +属性绑定 v-bind=: + +``` + +## 事件绑定 + +``` +<标签名 v-on:事件名="事件处理器">....<标签名> + +
669
+``` + + - 事件名 +``` +click鼠标点击 +keydown键盘按下 +keyup键盘抬起 +mouseover鼠标移入 +mousemove鼠标移动 +input输入时就触发 +keyup键盘抬起 +``` + - 事件修饰符 +``` +click.caption +事件冒泡->事件捕获 +click.stop,click.self +阻止传递 +``` + ## 表单输入绑定 +``` +v-model=其他数据 +``` + + ## 源代码 +``` + + + + +``` \ No newline at end of file -- Gitee From aac333c507a9a08f75d06998e5cdd3b0b8feddbd 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, 30 Apr 2026 01:59:14 +0000 Subject: [PATCH 3/8] =?UTF-8?q?add=2020260430=E8=A1=A8=E5=8D=95=E4=BF=AE?= =?UTF-8?q?=E9=A5=B0=E7=AC=A6=E4=B8=8E=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F?= =?UTF-8?q?=E5=87=BD=E6=95=B0.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...5\221\250\346\234\237\345\207\275\346\225\260.md" | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 "20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" diff --git "a/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" "b/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" new file mode 100644 index 0000000..f1c3cd2 --- /dev/null +++ "b/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" @@ -0,0 +1,12 @@ +#笔记 + +## 表单修饰符 +``` +.lazy 修饰change事件(失去焦点) +``` + +## 生命周期函数(钩子函数) +``` +引入onMount,然后直接在st里使用 +onMount(),监听页面所有挂载完成之后进行执行 +``` \ No newline at end of file -- Gitee From 1d0e208d3235bfec561cbc7fa590b27fd2647dcf 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, 30 Apr 2026 01:59:32 +0000 Subject: [PATCH 4/8] =?UTF-8?q?update=2020260430=E8=A1=A8=E5=8D=95?= =?UTF-8?q?=E4=BF=AE=E9=A5=B0=E7=AC=A6=E4=B8=8E=E7=94=9F=E5=91=BD=E5=91=A8?= =?UTF-8?q?=E6=9C=9F=E5=87=BD=E6=95=B0.md.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" "b/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" index f1c3cd2..7e173b1 100644 --- "a/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" +++ "b/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" @@ -1,4 +1,4 @@ -#笔记 +# 笔记 ## 表单修饰符 ``` -- Gitee From 0e93dba6a63c90a9d46cde5f66b2e811319d3cf7 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, 30 Apr 2026 03:02:10 +0000 Subject: [PATCH 5/8] =?UTF-8?q?add=20=E5=BB=96=E4=BB=B2=E8=BE=89/20260430V?= =?UTF-8?q?ue=E5=AD=A6=E7=94=9F=E8=A1=A8=E6=A0=BC(=E5=8F=AF=E6=9F=A5?= =?UTF-8?q?=E8=AF=A2).?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...274(\345\217\257\346\237\245\350\257\242)" | 168 ++++++++++++++++++ 1 file changed, 168 insertions(+) create mode 100644 "\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)" diff --git "a/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)" "b/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)" new file mode 100644 index 0000000..3dba049 --- /dev/null +++ "b/\345\273\226\344\273\262\350\276\211/20260430Vue\345\255\246\347\224\237\350\241\250\346\240\274(\345\217\257\346\237\245\350\257\242)" @@ -0,0 +1,168 @@ + + + + + \ No newline at end of file -- Gitee From 5d8ffd47fe29bd6e0c8908829b49676f1fc42408 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, 30 Apr 2026 03:03:23 +0000 Subject: [PATCH 6/8] 18 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 廖仲辉 <913445033@qq.com> --- ...0427vue\346\214\207\344\273\244-v-bind.md" | 29 +++++++++++++++++++ ...50\346\234\237\345\207\275\346\225\260.md" | 12 ++++++++ 2 files changed, 41 insertions(+) create mode 100644 "\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md" create mode 100644 "\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" diff --git "a/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md" "b/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md" new file mode 100644 index 0000000..8254b9a --- /dev/null +++ "b/\345\273\226\344\273\262\350\276\211/20260427vue\346\214\207\344\273\244-v-bind.md" @@ -0,0 +1,29 @@ +# 笔记 +## v-bind class绑定 +``` +(1) +js 定义obj,如果有-,加"",如 + +{ active: isActive, 'text-danger': hasError }; + +const obj = { + 'is-active': true +} + +template v-bind:class="obj" +(2) +template v-bind:class={txtfont:obj1, +center:obj2} + +``` + +## v-bind style绑定 +``` +(1) +绑定对象 +v-bind:style=js中的对象 +(2) +绑定数组 +v-bind style=[js中的对象,js中的对象,js中的对象] + +``` \ No newline at end of file diff --git "a/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" "b/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" new file mode 100644 index 0000000..7e173b1 --- /dev/null +++ "b/\345\273\226\344\273\262\350\276\211/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" @@ -0,0 +1,12 @@ +# 笔记 + +## 表单修饰符 +``` +.lazy 修饰change事件(失去焦点) +``` + +## 生命周期函数(钩子函数) +``` +引入onMount,然后直接在st里使用 +onMount(),监听页面所有挂载完成之后进行执行 +``` \ No newline at end of file -- Gitee From 33e0cfa86df660fa15bf21b96555ece2717fcff2 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, 30 Apr 2026 03:03:31 +0000 Subject: [PATCH 7/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202026?= =?UTF-8?q?0427vue=E6=8C=87=E4=BB=A4-v-bind.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...0427vue\346\214\207\344\273\244-v-bind.md" | 29 ------------------- 1 file changed, 29 deletions(-) delete mode 100644 "20260427vue\346\214\207\344\273\244-v-bind.md" diff --git "a/20260427vue\346\214\207\344\273\244-v-bind.md" "b/20260427vue\346\214\207\344\273\244-v-bind.md" deleted file mode 100644 index 8254b9a..0000000 --- "a/20260427vue\346\214\207\344\273\244-v-bind.md" +++ /dev/null @@ -1,29 +0,0 @@ -# 笔记 -## v-bind class绑定 -``` -(1) -js 定义obj,如果有-,加"",如 - -{ active: isActive, 'text-danger': hasError }; - -const obj = { - 'is-active': true -} - -template v-bind:class="obj" -(2) -template v-bind:class={txtfont:obj1, -center:obj2} - -``` - -## v-bind style绑定 -``` -(1) -绑定对象 -v-bind:style=js中的对象 -(2) -绑定数组 -v-bind style=[js中的对象,js中的对象,js中的对象] - -``` \ No newline at end of file -- Gitee From c76bbff2d908812e6686785a6fffc180e5cccd3d 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, 30 Apr 2026 03:03:36 +0000 Subject: [PATCH 8/8] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202026?= =?UTF-8?q?0430=E8=A1=A8=E5=8D=95=E4=BF=AE=E9=A5=B0=E7=AC=A6=E4=B8=8E?= =?UTF-8?q?=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F=E5=87=BD=E6=95=B0.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...5\221\250\346\234\237\345\207\275\346\225\260.md" | 12 ------------ 1 file changed, 12 deletions(-) delete mode 100644 "20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" diff --git "a/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" "b/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" deleted file mode 100644 index 7e173b1..0000000 --- "a/20260430\350\241\250\345\215\225\344\277\256\351\245\260\347\254\246\344\270\216\347\224\237\345\221\275\345\221\250\346\234\237\345\207\275\346\225\260.md" +++ /dev/null @@ -1,12 +0,0 @@ -# 笔记 - -## 表单修饰符 -``` -.lazy 修饰change事件(失去焦点) -``` - -## 生命周期函数(钩子函数) -``` -引入onMount,然后直接在st里使用 -onMount(),监听页面所有挂载完成之后进行执行 -``` \ No newline at end of file -- Gitee