From d3a6ed074966796613294ffe9edddcaf4cbf0ecf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A7=A6=E8=8B=B1=E6=9D=B0?= <327782001@qq.com> Date: Sat, 1 Jul 2023 12:52:00 +0800 Subject: [PATCH] =?UTF-8?q?fix:vue=E5=85=A5=E9=97=A8=E5=AD=A6=E4=B9=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- day2-code/.idea/.gitignore | 5 - day2-code/.idea/day2-code.iml | 12 - day2-code/.idea/modules.xml | 8 - day2-code/.idea/vcs.xml | 6 - ...\345\210\235\344\275\223\351\252\214.html" | 52 ++-- ...\346\237\223\346\214\207\344\273\244.html" | 40 +-- ...\345\256\232\346\214\207\344\273\244.html" | 76 +++--- ...\344\273\266\347\273\221\345\256\232.html" | 90 ++++--- ...73\266\345\257\271\350\261\241$event.html" | 92 ++++--- ...\344\277\256\351\245\260\347\254\246.html" | 50 ++-- ...7\232\204for\345\261\236\346\200\247.html" | 30 ++- ...\350\241\250\346\241\210\344\276\213.html" | 238 ++++++++++-------- ...\350\277\207\346\273\244\345\231\250.html" | 36 +++ ...\345\231\250\344\274\240\345\217\202.html" | 47 ++++ 14 files changed, 424 insertions(+), 358 deletions(-) delete mode 100644 day2-code/.idea/.gitignore delete mode 100644 day2-code/.idea/day2-code.iml delete mode 100644 day2-code/.idea/modules.xml delete mode 100644 day2-code/.idea/vcs.xml create mode 100644 "day2-code/\350\277\207\346\273\244\345\231\250/01.\345\256\232\344\271\211\350\277\207\346\273\244\345\231\250.html" create mode 100644 "day2-code/\350\277\207\346\273\244\345\231\250/04-\350\277\207\346\273\244\345\231\250\344\274\240\345\217\202.html" diff --git a/day2-code/.idea/.gitignore b/day2-code/.idea/.gitignore deleted file mode 100644 index b58b603..0000000 --- a/day2-code/.idea/.gitignore +++ /dev/null @@ -1,5 +0,0 @@ -# Default ignored files -/shelf/ -/workspace.xml -# Editor-based HTTP Client requests -/httpRequests/ diff --git a/day2-code/.idea/day2-code.iml b/day2-code/.idea/day2-code.iml deleted file mode 100644 index 0c8867d..0000000 --- a/day2-code/.idea/day2-code.iml +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/day2-code/.idea/modules.xml b/day2-code/.idea/modules.xml deleted file mode 100644 index 489be8e..0000000 --- a/day2-code/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/day2-code/.idea/vcs.xml b/day2-code/.idea/vcs.xml deleted file mode 100644 index 6c0b863..0000000 --- a/day2-code/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git "a/day2-code/01.vue\345\210\235\344\275\223\351\252\214.html" "b/day2-code/01.vue\345\210\235\344\275\223\351\252\214.html" index 880f32c..e56003e 100644 --- "a/day2-code/01.vue\345\210\235\344\275\223\351\252\214.html" +++ "b/day2-code/01.vue\345\210\235\344\275\223\351\252\214.html" @@ -1,31 +1,29 @@ + + + + + Document + - - - - - Document - + + +
{{ username }}
- - -
{{ username }}
- - - - - - - - \ No newline at end of file + + + + + + diff --git "a/day2-code/02.\345\206\205\345\256\271\346\270\262\346\237\223\346\214\207\344\273\244.html" "b/day2-code/02.\345\206\205\345\256\271\346\270\262\346\237\223\346\214\207\344\273\244.html" index a619c80..b815c3d 100644 --- "a/day2-code/02.\345\206\205\345\256\271\346\270\262\346\237\223\346\214\207\344\273\244.html" +++ "b/day2-code/02.\345\206\205\345\256\271\346\270\262\346\237\223\346\214\207\344\273\244.html" @@ -2,15 +2,15 @@ - - - - Document + + + + Document - -
+ +

性别：

@@ -24,24 +24,24 @@
{{ info }}
-
+
- - - - + + + \ No newline at end of file diff --git "a/day2-code/03.\345\261\236\346\200\247\347\273\221\345\256\232\346\214\207\344\273\244.html" "b/day2-code/03.\345\261\236\346\200\247\347\273\221\345\256\232\346\214\207\344\273\244.html" index 90bcd10..02ce8a3 100644 --- "a/day2-code/03.\345\261\236\346\200\247\347\273\221\345\256\232\346\214\207\344\273\244.html" +++ "b/day2-code/03.\345\261\236\346\200\247\347\273\221\345\256\232\346\214\207\344\273\244.html" @@ -1,43 +1,43 @@ + + + + + Document + - - - - - Document - + + +
+ +
+ + - - -
- -
- - +
+
1 + 2 的结果是：{{ 1 + 2 }}
+
+ {{ tips }} 反转的结果是：{{ tips.split('').reverse().join('') }} +
+
这是一个 div
+
-
-
1 + 2 的结果是：{{ 1 + 2 }}
-
{{ tips }} 反转的结果是：{{ tips.split('').reverse().join('') }}
-
这是一个 div
-
- - - - - - - - \ No newline at end of file + + + + + + diff --git "a/day2-code/04.\344\272\213\344\273\266\347\273\221\345\256\232.html" "b/day2-code/04.\344\272\213\344\273\266\347\273\221\345\256\232.html" index 69f1eea..c191237 100644 --- "a/day2-code/04.\344\272\213\344\273\266\347\273\221\345\256\232.html" +++ "b/day2-code/04.\344\272\213\344\273\266\347\273\221\345\256\232.html" @@ -1,51 +1,49 @@ + + + + + Document + - - - - - Document - + + +
+

count 的值是：{{ count }}

+ + + + +
- - -
-

count 的值是：{{ count }}

- - - - -
- - - - - + + - - - \ No newline at end of file + // methods 的作用，就是定义事件的处理函数 + methods: { + add(n) { + // 在 methods 处理函数中，this 就是 new 出来的 vm 实例对象 + // console.log(vm === this) + console.log(vm); + // vm.count += 1 + this.count += n; + }, + sub() { + // console.log('触发了 sub 处理函数') + this.count -= 1; + }, + }, + }); + + + diff --git "a/day2-code/05.\344\272\213\344\273\266\345\257\271\350\261\241$event.html" "b/day2-code/05.\344\272\213\344\273\266\345\257\271\350\261\241$event.html" index cda0587..1f5de85 100644 --- "a/day2-code/05.\344\272\213\344\273\266\345\257\271\350\261\241$event.html" +++ "b/day2-code/05.\344\272\213\344\273\266\345\257\271\350\261\241$event.html" @@ -1,52 +1,50 @@ + + + + + Document + - - - - - Document - + + +
+

count 的值是：{{ count }}

+ + + + +
- - -
-

count 的值是：{{ count }}

- - - - -
+ + + + - - - - - \ No newline at end of file + // 判断 this.count 的值是否为偶数 + if (this.count % 2 === 0) { + // 偶数 + e.target.style.backgroundColor = "red"; + } else { + // 奇数 + e.target.style.backgroundColor = ""; + } + }, + }, + }); + + + diff --git "a/day2-code/09.v-model\347\232\204\344\277\256\351\245\260\347\254\246.html" "b/day2-code/09.v-model\347\232\204\344\277\256\351\245\260\347\254\246.html" index 7225a56..ab30eb0 100644 --- "a/day2-code/09.v-model\347\232\204\344\277\256\351\245\260\347\254\246.html" +++ "b/day2-code/09.v-model\347\232\204\344\277\256\351\245\260\347\254\246.html" @@ -2,44 +2,44 @@ - - - - Document + + + + Document - -
+ +
+ = {{ n1 + n2 }}
-
+
- - - - + + + \ No newline at end of file diff --git "a/day2-code/13.label\347\232\204for\345\261\236\346\200\247.html" "b/day2-code/13.label\347\232\204for\345\261\236\346\200\247.html" index 9bacfe5..5e17ea2 100644 --- "a/day2-code/13.label\347\232\204for\345\261\236\346\200\247.html" +++ "b/day2-code/13.label\347\232\204for\345\261\236\346\200\247.html" @@ -1,19 +1,17 @@ + + + + + Document + - - - - - Document - - - - - -
- - - - - \ No newline at end of file + + + +
+ + + + diff --git "a/day2-code/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213.html" "b/day2-code/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213.html" index c36a404..1968fc0 100644 --- "a/day2-code/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213.html" +++ "b/day2-code/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213/\345\223\201\347\211\214\345\210\227\350\241\250\346\241\210\344\276\213.html" @@ -1,120 +1,142 @@ + + + + + 品牌列表案例 + + + - - - - - 品牌列表案例 - - - - - - -
- -
-
- 添加品牌 -
-
- - -
-
-
-
-
-
品牌名称
+ +
+ +
+
添加品牌
+
+ + + +
+
+
+
+
品牌名称
+
+
- +
+
+
-
- -
-
- + +
+ + + + + + + + + + + + + + + + + + + + + +
#品牌名称状态创建时间操作
{{ item.id }}{{ item.name }} +
+ + + + + +
+ 		{{ item.time | dateFormat }} + 删除 +
- - - - - - - - - - - - - - - - - - - - -
#品牌名称状态创建时间操作
{{ item.id }}{{ item.name }} -
- - - - - -
- 		{{ item.time }} - 删除 -
-
+ + + - - - - \ No newline at end of file + // 如果没有被 return 出去，应该执行添加的逻辑 + // 1. 先把要添加的品牌对象，整理出来 + const obj = { + id: this.nextId, + name: this.brand, + status: true, + time: new Date(), + }; + // 2. 往 this.list 数组中 push 步骤 1 中得到的对象 + this.list.push(obj); + // 3. 清空 this.brand；让 this.nextId 自增 +1 + this.brand = ""; + this.nextId++; + }, + }, + }); + + + diff --git "a/day2-code/\350\277\207\346\273\244\345\231\250/01.\345\256\232\344\271\211\350\277\207\346\273\244\345\231\250.html" "b/day2-code/\350\277\207\346\273\244\345\231\250/01.\345\256\232\344\271\211\350\277\207\346\273\244\345\231\250.html" new file mode 100644 index 0000000..c8d04cb --- /dev/null +++ "b/day2-code/\350\277\207\346\273\244\345\231\250/01.\345\256\232\344\271\211\350\277\207\346\273\244\345\231\250.html" @@ -0,0 +1,36 @@ + + + + + + + Document + + + +
+

count 的值是：{{ count }}

+ + + + +
+ + + + diff --git "a/day2-code/\350\277\207\346\273\244\345\231\250/04-\350\277\207\346\273\244\345\231\250\344\274\240\345\217\202.html" "b/day2-code/\350\277\207\346\273\244\345\231\250/04-\350\277\207\346\273\244\345\231\250\344\274\240\345\217\202.html" new file mode 100644 index 0000000..2ab1bb9 --- /dev/null +++ "b/day2-code/\350\277\207\346\273\244\345\231\250/04-\350\277\207\346\273\244\345\231\250\344\274\240\345\217\202.html" @@ -0,0 +1,47 @@ + + + + + + + Document + + + +
+

{{ text | capitalize | maxLength(5) }}

+

count 的值是：{{ count }}

+ + + + +
+ + + + -- GitLab