From c7ff2a1c9f3e0ebe48018301965e41133a33607d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E9=AD=8F?=
 <11542831+uhuhuhuhyg@user.noreply.gitee.com>
Date: Wed, 19 Oct 2022 09:25:41 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2020210340833=E9=AD=8F?=
 =?UTF-8?q?=E5=86=9B=E9=9C=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20210340833\351\255\217\345\206\233\351\234\236/.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/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/.keep"
diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/.keep" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 527308c9cf04ed887bdee87e68024471edb90c32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E9=AD=8F?=
 <11542831+uhuhuhuhyg@user.noreply.gitee.com>
Date: Wed, 19 Oct 2022 09:26:12 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BD=9C=E4=B8=9A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 小魏 <11542831+uhuhuhuhyg@user.noreply.gitee.com>
---
 .../index1.html"                              | 64 +++++++++++++++++++
 .../index2.html"                              | 38 +++++++++++
 2 files changed, 102 insertions(+)
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html"
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html"

diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html"
new file mode 100644
index 0000000..d01d86b
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html"
@@ -0,0 +1,64 @@
+<!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>计算</title>
+    <script type="text/javascript" src="vue.js"></script>
+</head>
+<body>
+    <div id="root">
+        商品：<input type="text" v-model="goods"> <br/><br/>
+        数量：<input type="text" v-model="num"> <br/><br/>
+        价格：<input type="text" v-model="price"> <br/><br/>
+        <button @click="addinfo">添加到购物车</button><br/>
+        <ul>
+            <li v-for="c in car">{{c.goods}}的数量是{{c.num}},单价是{{c.price}},小计:{{c.total}}</li>
+            <li>总计:总数----{{totalCount}} 总价----{{totPrice}}</li>
+        </ul>
+    </div>
+</body>
+<script type="text/javascript">
+    Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
+
+    const vm = new Vue({
+        el:'#root',
+        data:{
+            goods:'',
+            num:'',
+            price:'',
+            car:[
+                {goods:'牙刷',num:'5',price:'10',total:'50'},
+                {goods:'牙膏',num:'2',price:'20',total:'40'},
+                {goods:'镜子',num:'3',price:'30',total:'90'}
+            ]
+        },
+        methods: {
+            addinfo(){
+                const carObj={goods:this.goods,num:this.num,price:this.price,total:this.num*this.price}
+                this.car.push(carObj)
+                this.goods=''
+                this.num=''
+                this.price=''
+            }
+        },
+        computed:{
+            totalCount(){
+                let totalCount=0;
+                for (let i = 0; i < this.car.length; i++) {
+                    totalCount += Number(this.car[i].num);
+                }
+                return totalCount
+            },
+            totPrice(){
+                let totalPrice=0;
+                for (let i = 0; i < this.car.length; i++) {
+                    totalPrice += Number(this.car[i].total);
+                }
+                return totalPrice
+            }
+        }
+    })
+</script>
+</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/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html"
new file mode 100644
index 0000000..71161c3
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html"
@@ -0,0 +1,38 @@
+<!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>过滤器</title>
+    <script type="text/javascript" src="vue.js"></script>
+</head>
+<body>
+    <div id="root">
+        <input type="text" v-model="msg1">
+        <h1>{{msg1 | filterA}}</h1>
+        <input type="text" v-model="msg2">
+        <h1>{{msg2 | filterB}}</h1>
+    </div>
+</body>
+<script>
+    Vue.config.productionTip = false
+    var vue=new Vue({
+        el:"#root",
+        data() {
+            return {
+                msg1:'',
+                msg2:''
+            }
+        },
+        filters:{
+            filterA(value){
+                return value.split(" ").join("")    
+            },
+            filterB(value){
+                return  parseFloat(value).toFixed(2)+"元"
+            }
+        }
+    })
+</script>
+</html>
\ No newline at end of file
-- 
Gitee

