From 81d94a66a07ba5d2c87fc32af319a63cb5f731f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:22:50 +0000
Subject: [PATCH 01/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2012=E5=BC=A0=E8=89=BA?=
 =?UTF-8?q?=E8=B1=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12\345\274\240\350\211\272\350\261\252/.keep"                 | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From a39ff43997065a0db02581d5cd359b59e8d8c582 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:24:19 +0000
Subject: [PATCH 02/10] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E6=AC=A1=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 张艺豪 <8109709+zyh957112@user.noreply.gitee.com>
---
 .../905_1.html"                               | 68 +++++++++++++++++++
 .../905_2.html"                               | 41 +++++++++++
 .../905_3.html"                               | 61 +++++++++++++++++
 .../905_4.html"                               | 39 +++++++++++
 4 files changed, 209 insertions(+)
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_1.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_2.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_3.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_4.html"

diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_1.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_1.html"
new file mode 100644
index 0000000..05b0612
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_1.html"
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script type="text/javascript" src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        请输入张三的成绩：<input type="text" v-model="result" placeholder="按下回车查看等级" @keyup.Enter="showResult"
+            onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
+
+        <!-- <button @click="showResult">33</button> -->
+        <div v-if="x">
+            <div v-if="result>=90 && result&lt;=100">
+                <h1>张三的成绩优秀</h1>
+            </div>
+            <div v-if="result>=75 && result&lt;90">
+                <h1>张三的成绩良好</h1>
+            </div>
+            <div v-if="result>=60 && result&lt;75">
+                <h1>张三的成绩及格</h1>
+            </div>
+            <div v-if="0&lt;=result && result&lt;60">
+                <h1>张三的成绩不及格</h1>
+            </div>
+        </div>
+
+
+
+
+
+
+
+    </div>
+
+
+
+    </template>
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                result: '',
+                x: false,
+            },
+            methods: {
+                showResult() {
+                    this.x = true
+                },
+                // showResult2() {
+                //     this.x = false
+                // }
+            },
+            watch: {
+                result() {
+                    this.x = false
+                }
+            }
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_2.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_2.html"
new file mode 100644
index 0000000..b8e0df5
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_2.html"
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <img :src=picture alt="" width="200px"><br />
+        <button @click="changePic">点我切换图片</button>
+
+    </div>
+
+    <script>
+
+        Vue.config.productionTip = false;
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                pic: true,
+                x: "images/1.png",
+                u: "images/2.png",
+            },
+            computed: {
+                picture() {
+                    return this.pic ? this.x : this.u
+                }
+            },
+            methods: {
+                changePic() {
+                    this.pic = !this.pic
+                }
+            },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_3.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_3.html"
new file mode 100644
index 0000000..82f042f
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_3.html"
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+
+        <h1>haha</h1>
+        <template v-for="(item,index) in count2">
+
+            <h1>{{y}}</h1>
+
+        </template>
+
+        <template v-for="(item,index) in count">
+
+            <button>{{x}}</button>
+
+        </template>
+
+
+
+        <br />
+        <hr />
+        <button @click="addRow">点我增加一行</button>
+        <button @click="addOne">点我增加一个按钮</button>
+
+    </div>
+
+
+
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                x: 'haha, 我是新增的按钮',
+                count: 0,
+                y: 'haha, 我是新增的一行',
+                count2: '',
+            },
+            methods: {
+                addRow() {
+                    this.count2 = 1
+                },
+                addOne() {
+                    this.count += 1
+                },
+            },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_4.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_4.html"
new file mode 100644
index 0000000..953a4aa
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/905_4.html"
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <input type="text" placeholder="请输入字符" @keydown.caps-lock="change">
+        <h3>{{y}}</h3>
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                x: false
+            },
+            methods: {
+                change() {
+                    this.x = !this.x
+                }
+            },
+            computed: {
+                y() {
+                    return this.x ? '当前已切换为大写模式!' : ''
+                }
+            }
+
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From f038c5249556cf08e7caed4beac0c7a624dafe8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:27:02 +0000
Subject: [PATCH 03/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2012=E5=BC=A0=E8=89=BA?=
 =?UTF-8?q?=E8=B1=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12\345\274\240\350\211\272\350\261\252/.keep"                 | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"

diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 544008e0d690ae13df2886dd0fc2d93f57a6163e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:27:36 +0000
Subject: [PATCH 04/10] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=91=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 张艺豪 <8109709+zyh957112@user.noreply.gitee.com>
---
 .../908.html"                                 | 73 +++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 "\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/908.html"

diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/908.html" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/908.html"
new file mode 100644
index 0000000..b486c1f
--- /dev/null
+++ "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/908.html"
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+    <style>
+        .noramal {
+            background-color: #ffffff;
+        }
+
+        .red {
+            background-color: red;
+        }
+
+
+
+        ul li {
+            float: left;
+            list-style-type: none;
+            width: 100px;
+            height: 50px;
+            line-height: 50px;
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="root">
+        <ul>
+            <li :class="color1" @click.self="changeColor1">教父</li>
+            <li :class="color2" @click="changeColor2">阿甘正传</li>
+            <li :class="color3" @click="changeColor3">楚门的世界</li>
+            <li :class="color4" @click="changeColor4">盗梦空间</li>
+        </ul>
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                color1: 'normal',
+                color2: 'normal',
+                color3: 'normal',
+                color4: 'normal',
+
+            },
+            methods: {
+                changeColor1() {
+                    this.color1 = 'red'
+                },
+                changeColor2() {
+                    this.color2 = 'red'
+                },
+                changeColor3() {
+                    this.color3 = 'red'
+                },
+                changeColor4() {
+                    this.color4 = 'red'
+                },
+            },
+            created() {
+                this.changeColor1()
+            },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From 4e54c3c91f9a899eb2d34c1cfd947c67d949743b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:30:03 +0000
Subject: [PATCH 05/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2012=E5=BC=A0=E8=89=BA?=
 =?UTF-8?q?=E8=B1=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12\345\274\240\350\211\272\350\261\252/.keep"                 | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"

diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 3b41ad0a48bff43beb467adaa0c89bf5649dcf8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:30:26 +0000
Subject: [PATCH 06/10] =?UTF-8?q?=E8=AE=A1=E7=AE=97=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E5=92=8C=E8=BF=87=E6=BB=A4=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 张艺豪 <8109709+zyh957112@user.noreply.gitee.com>
---
 .../912_1.html"                               | 83 +++++++++++++++++++
 .../912_2.html"                               | 41 +++++++++
 2 files changed, 124 insertions(+)
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_1.html"
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_2.html"

diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_1.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_1.html"
new file mode 100644
index 0000000..aac38d6
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_1.html"
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <p>商品：<input type="text" v-model="goods.name"></p>
+        <p>数量：<input type="text" v-model="goods.quentity"></p>
+        <p>价格：<input type="text" v-model="goods.price"></p>
+        <div><button @click="add">添加到购物车</button></div>
+
+        <div>
+            <ul>
+                <li v-for="good in lists" :key="good.name">
+                    {{good.name}}的数量是{{good.quentity}},单价是{{good.price}},小计：{{good.subTotal}}</li>
+
+            </ul>
+            <ul v-if="x==2">
+                <li>总数----{{totalCount}}总价----{{totalPrice}}</li>
+            </ul>
+        </div>
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                lists: [
+
+                ],
+                goods: {
+                    subTotal: '',
+                    name: '',
+                    quentity: '',
+                    price: '',
+
+                },
+                x: '1'
+            },
+            computed: {
+                totalCount() {
+                    let quentity = 0
+                    for (let i = 0; i < this.lists.length; i++) {
+                        quentity += parseInt(this.lists[i].quentity);
+                    }
+                    return quentity;
+                },
+                totalPrice() {
+                    let price = 0
+                    for (let i = 0; i < this.lists.length; i++) {
+                        price += this.lists[i].subTotal;
+                    }
+                    return price;
+                }
+
+            },
+            methods: {
+                add() {
+                    this.goods.subTotal = this.goods.price * this.goods.quentity
+                    this.lists.push(this.goods);
+                    this.goods = {
+                        name: '',
+                        quentity: '',
+                        price: '',
+                        subTotal: '',
+                    },
+                        this.x = '2'
+
+
+                },
+            },
+
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_2.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_2.html"
new file mode 100644
index 0000000..f9c338c
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/912_2.html"
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <input type="text" v-model="msg">
+        <h1>{{msg | replace}}</h1>
+
+        <input type="text" v-model="number">
+        <h1 v-if="number!=''">{{number | numReplace}}元</h1>
+
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                msg: '',
+                number: '',
+            },
+            filters: {
+                replace(value) {
+                    return value.replace(/\s/g, "");
+                },
+                numReplace(value) {
+                    return parseFloat(value).toFixed(2);
+                },
+            }
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From e09f63e94eeacea7dd9179fa2e92cf2dc9b0e6ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:31:54 +0000
Subject: [PATCH 07/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2012=E5=BC=A0=E8=89=BA?=
 =?UTF-8?q?=E8=B1=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12\345\274\240\350\211\272\350\261\252/.keep"                 | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"

diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 370aedc0a2040e9185b024ad4cf6f54cbe8feeaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:32:52 +0000
Subject: [PATCH 08/10] =?UTF-8?q?=E4=BE=A6=E5=90=AC=E4=BA=BA=E6=B0=91?=
 =?UTF-8?q?=E5=B8=81=E8=BD=AC=E6=8D=A2=E4=B8=8Ekey=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 张艺豪 <8109709+zyh957112@user.noreply.gitee.com>
---
 .../919_1.html"                               |  38 ++++++
 .../919_2.html"                               | 109 ++++++++++++++++++
 2 files changed, 147 insertions(+)
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_1.html"
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_2.html"

diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_1.html" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_1.html"
new file mode 100644
index 0000000..0b5b4b8
--- /dev/null
+++ "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_1.html"
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <p>￥：<input type="number" v-model="rnb"></p>
+        <p> &nbsp;$ ：<input type="text" v-model="usd"></p>
+
+        <p v-if="rnb!=0">{{rnb}}人民币={{usd}}美元</p>
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                rnb: '',
+                usd: '',
+            },
+            watch: {
+                rnb() {
+                    this.usd = parseFloat(0.1405 * this.rnb).toFixed(4)
+                }
+            },
+
+        })
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_2.html" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_2.html"
new file mode 100644
index 0000000..cc83548
--- /dev/null
+++ "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/919_2.html"
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <script src="vue.js"></script>
+    <style>
+        #root table tr td {
+            text-align: center;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="root">
+        <button @click="showAdd">添加</button>
+        <table border="1" cellpadding="5" cellspacing="0" width="600">
+            <thead>
+                <tr>
+                    <th>id</th>
+                    <th>商品名称</th>
+                    <th>商品价格</th>
+                    <th>商品数量</th>
+                    <th>小计</th>
+                    <th>操作</th>
+
+                </tr>
+            </thead>
+            <tbody>
+
+
+
+                <tr v-for="good in lists" :key="good.id">
+
+                    <td>{{good.id}}</td>
+                    <td>{{good.name}}</td>
+                    <td>{{good.price}}</td>
+                    <td><button @click="minus">-</button>&nbsp;&nbsp;{{good.num}}&nbsp;&nbsp;<button
+                            @click="plus">+</button></td>
+                    <td>{{good.xj}}</td>
+                    <td><button>移除</button></td>
+
+                </tr>
+
+                <tr v-if="x==1">
+                    <td>
+                        <span :text="goods.id"></span>
+                    </td>
+                    <td><input type="text" v-model="goods.name" style="width:50px"></td>
+                    <td><input type="text" v-model="goods.price" style="width:50px"></td>
+                    <td><input type="text" v-model="goods.num" style="width:50px"></td>
+
+                    <td>{{xj}}</td>
+                    <td><button @click="add">确定</button></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <script>
+        Vue.config.productionTip = false;
+
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                lists: [
+                    { id: '1', name: '充电宝', price: '99.111', num: 1, xj: '99.111' },
+                    { id: '2', name: '小风扇', price: '88.222', num: '1', xj: '88.222' },
+                    { id: '3', name: '小音箱', price: '125.533', num: '1', xj: '125.533' },
+                    { id: '4', name: '蓝牙耳机', price: '315.344', num: '1', xj: '315.344' },
+                ],
+                goods: {
+                    id: '',
+                    name: '',
+                    price: '',
+                    num: '',
+                    xj: '',
+
+                },
+                x: 0
+            },
+            computed: {
+                xj() {
+                    return this.goods.price * this.goods.num
+                }
+            },
+            methods: {
+                add() {
+                    this.goods.xj = this.goods.price * this.goods.num
+                    this.lists.push(this.goods)
+                    this.x = 0
+                },
+                showAdd() {
+                    this.x = 1
+                    this.goods.id = this.lists.length + 1
+                },
+                minus() {
+
+                },
+                plus() {
+
+                }
+            },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From be8c3eca2bbd3a5fa40c67ebd37fbf4022716584 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:33:07 +0000
Subject: [PATCH 09/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2012=E5=BC=A0=E8=89=BA?=
 =?UTF-8?q?=E8=B1=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../12\345\274\240\350\211\272\350\261\252/.keep"                 | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"

diff --git "a/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep" "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From bccd5ffbdc54070338467a97e481c071fc757429 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E8=89=BA=E8=B1=AA?=
 <8109709+zyh957112@user.noreply.gitee.com>
Date: Fri, 7 Oct 2022 07:33:43 +0000
Subject: [PATCH 10/10] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E5=85=83=E7=B4=A0?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 张艺豪 <8109709+zyh957112@user.noreply.gitee.com>
---
 .../922.html"                                 | 97 +++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 "\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/922.html"

diff --git "a/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/922.html" "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/922.html"
new file mode 100644
index 0000000..8d2704c
--- /dev/null
+++ "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/12\345\274\240\350\211\272\350\261\252/922.html"
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="vue.js"></script>
+</head>
+
+<body>
+    <div id="root">
+        <form action="">
+            <p>姓名：
+                <input type="text" name="name" v-model="msg.name">
+            </p>
+            <p>性别：
+                <input type="radio" value="male" name="sex" v-model="msg.sex">男
+                <input type="radio" value="female" name="sex" v-model="msg.sex">女
+            </p>
+            <p>爱好：
+                <input type="checkbox" value="basketball" name="hobby" v-model="msg.hobby">篮球
+                <input type="checkbox" value="singing" name="hobby" v-model="msg.hobby">唱歌
+                <input type="checkbox" value="writeCode" name="hobby" v-model="msg.hobby">写代码
+            </p>
+            <p>职业：
+                <select name="occupation" id="" v-model="msg.occupation">
+                    <option value="boss">老板</option>
+                    <option value="softwareEngineer">软件工程师</option>
+                    <option value="lawyer">律师</option>
+                    <option value="teacher">教师</option>
+                </select>
+            </p>
+            <p>个人简介：
+                <textarea rows="2" cols="15" name="intro" v-model="msg.intro"></textarea>
+            </p>
+            <p>年龄：
+                <input type="text" name="age" v-model="msg.age">
+            </p>
+            <p>城市：
+                <select name="city" id="" v-model="msg.city">
+                    <option>请选择城市</option>
+                    <option value="厦门">厦门</option>
+                    <option value="龙岩">龙岩</option>
+                    <option value="福州">福州</option>
+                    <option value="漳州">漳州</option>
+                </select>
+            </p>
+            <p>
+                <input type="checkbox" v-model="msg.accept">同意协议
+                <input type="submit" value="提交" @click.prevent="submit">
+                <!-- <button @click.prevent="submit">提交</button> -->
+            </p>
+
+            <h2 v-show="this.x==2">您的个人信息是：</h2>
+            <h2 v-show="this.x==2">
+                用户名-{{this.msg.name}}，年龄-{{this.msg.age}}，性别-{{this.msg.sex}}，爱好-{{this.msg.hobby}}，职业-{{this.msg.occupation}}，自我介绍-{{this.msg.intro}},
+                城市-{{this.msg.city}}
+            </h2>
+        </form>
+
+    </div>
+    <script>
+        Vue.config.productionTip = false;
+        const vm = new Vue({
+            el: '#root',
+            data: {
+                msg: {
+                    name: '',
+                    age: '',
+                    sex: '',
+                    hobby: [],
+                    occupation: [],
+                    intro: '',
+                    city: [],
+                    accept: '',
+                },
+                x: 1,
+            },
+            methods: {
+                submit() {
+                    if (this.msg.accept == true) {
+                        return this.x = 2
+                    }
+                },
+
+            },
+        })
+
+
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


id	商品名称	商品价格	商品数量	小计	操作
{{good.id}}	{{good.name}}	{{good.price}}	{{good.num}}	{{good.xj}}
+ +				{{xj}}