From 85c8f88cacaaa6481b5c510c3da27590dfdfc558 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?= <2042064254@qq.com>
Date: Thu, 7 Apr 2022 11:32:43 +0800
Subject: [PATCH 1/6] zuoye

---
 .../4.06\345\225\206\345\223\201/afd.html"    | 75 ++++++++++++++++
 .../4.06\345\225\206\345\223\201/bind.html"   | 48 ++++++++++
 .../4.06\345\225\206\345\223\201/new.html"    | 62 +++++++++++++
 .../4.06\345\225\206\345\223\201/z.html"      | 14 +++
 ...\345\223\201\350\257\246\346\203\205.html" | 88 +++++++++++++++++++
 5 files changed, 287 insertions(+)
 create mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html"
 create mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html"
 create mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html"
 create mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html"
 create mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html"
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html"
new file mode 100644
index 0000000..dbc11f7
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html"
@@ -0,0 +1,75 @@
+<!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">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <title>过滤器</title>
+</head>
+
+<body>
+    <div id="main">
+        $${{money}}
+        {{money|addSymbols}} <!--过滤器的书写方式 | 添加的过滤器名-->
+        {{money|addUsd}}
+        {{money|addUsd2}}  
+        {{money|addvue}}
+    </div>
+     <!-- <div id="main2">
+        {{cash}}
+        {{cash|addUsd}}
+        {{cash|addUsd2}}
+    </div>
+    <div id="main3">
+        {{cash|addUsd}}  -->
+</body>
+<script>
+    //全局过滤器---也能实现
+    Vue.filter('addSymbols', (value) => {
+        return "¥￥ " + value;
+    })
+   Vue.filter('addvue',(a)=>{
+       return "333"+a;
+   })
+    Vue.filter('addUsd',function(value){
+        return '$$$'+value;
+    })
+
+    //作用域：id为main的元素区间
+    new Vue({
+        el: "#main",
+        data: {
+            money: 10000
+        },
+        methods: {
+            money: function () {
+                return "$" + this.money
+            }
+        },
+        //局部的过滤
+        filters:{
+            addUsd2:function(a){
+                return '$'+a;
+            }
+        }
+    });
+    //全局的和局部的有啥区别？？
+
+    new Vue({
+         el:"#main2",
+         data:{
+             cash:10000,
+         }
+    });
+
+    // new Vue({
+    //      el:"#main3",
+    //      data:{
+    //          cash:10000,
+    //      }
+    // });
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html"
new file mode 100644
index 0000000..27658a3
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html"
@@ -0,0 +1,48 @@
+<!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">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <title>过滤器</title>
+</head>
+
+<body>
+    <div id="main">
+        class 样式与 style
+        <div v-bind:class="classSymbal">1111111111</div>
+        <div :class="[class1,class2]"></div>
+        <!--数组方式赋值-->
+        <div class="class1 class2 class3"></div>
+        <div :class="{style1:result}">class的赋值</div>
+        <div :id="{style1:result2}">id的赋值</div><!--id为啥不行啊-->
+        <div :class="obj">class的赋值</div>
+        <div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex','box-flex'] }"></div><!----webkit-box,-ms-flexbox,flex 
+            都要取决于浏览器是否支持，如果浏览器支持就显示为true，不支持就显示为false-->
+    </div>
+
+</body>
+<script>
+
+    new Vue({
+        el: "#main",
+        data: {
+            classSymbal: 'demo demo2 demo3',//一个变量多个值
+            class1: 'demo2',//数组方式 多个变量多个值
+            class2: 'demo3',//数组方式 多个变量多个值
+            result: true,
+            result2: true,
+            obj:{
+                demo:true,
+                demo2:true
+            }
+
+        },
+
+    });
+
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html"
new file mode 100644
index 0000000..bfc752c
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html"
@@ -0,0 +1,62 @@
+<!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">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <title>计算属性</title>
+</head>
+
+<body>
+    <div id="main">
+        {{getTimeStamp()}}
+        <!--方法的调用，在methods中定义--->
+        {{getTimeStamps}}
+        {{money}}
+        <!--计算属性的调用，在computed中定义--->
+        <!--方法获取-->
+        <!-- {{money.split("").reverse().join("")}} -->
+    </div>
+
+</body>
+<script>
+
+    let vue = new Vue({
+        el: "#main",
+        data: {
+            money: "10000",
+            power: '书记',
+            name: '张',
+            
+        },
+        methods: {
+            money: function () {
+                return '$' + this.money
+            }
+        },
+        methods: {
+            getTimeStamp: function () {
+                let time = new Date().getHours();
+                return time;
+               
+            },
+            
+        },
+        computed: {
+            //计算属性,计算属性有缓存，那问题来了，什么时候跟新
+            //啥时候用属性，啥时候用方法?
+            getTimeStamps: function () {
+                // this.money;//只要属性跟新了，计算属性的值就会刷新
+                // this.power;//
+                // let time = new Date().getTime();
+                // return time;
+                return this.name + this.power
+            }
+        }
+    });
+
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html"
new file mode 100644
index 0000000..9c65c4b
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html"
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+<script>
+    
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html"
new file mode 100644
index 0000000..c092671
--- /dev/null
+++ "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html"
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+</head>
+<style>
+     #tp{
+       position: relative;
+       display: flex;
+       top: 100px;
+       justify-content: center;
+    }
+    #b{
+        position: absolute;
+        top: 230px;
+        left: 525px;
+        background-color: azure;
+    }
+    #c{
+        position: absolute;
+        top: 280px;
+        left: 890px;
+    }
+</style>
+<body>
+    <div id="tp">
+        <div id="a"><img src="https://img2.baidu.com/it/u=31896957,3598546783&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" style="width: 400px; height: 200px;"  ></div>
+        <div id="b"> <table>优惠倒计时: </table>
+            <DIV v-if="shop">{{QAQ}}{{h}}时 {{m}}分{{s}}秒</DIV></div>
+       
+        <div id="c">      
+                <button type="button" @click="go()">购买<button>
+        </div>
+    </div>
+</body>
+<script>
+   let vm = new Vue({
+       el:"#tp",
+       data:{
+            shop:false,
+            h:"",
+            m:"",
+            s:"",
+            ms:"",
+        },
+        methods:{
+            go:function(){
+                this.shop = true;
+            },
+        },
+        computed:{
+            QAQ:function (){
+                let only = new Date().getTime() + 3700000;
+                //console.log(only);
+                let come = setInterval( ()=>{
+                    let now = only - new Date().getTime();
+                    let hours = parseInt((now % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+                    let minutes = parseInt((now % (1000 * 60 * 60)) / (1000 * 60))
+                    let seconds = parseInt((now % (1000 * 60)) / 1000)
+                    this.h = hours;
+                    this.m = minutes;
+                    this.s = seconds;
+                    if(this.s < 0){
+                        clearInterval(come);
+                    }
+                    if(this.h == 1){
+                        this.zhe = "6折"
+                    }else if (this.h == 0 && this.m < 50 && this.m >= 40){
+                        this.zhe = "6.5折"
+                    }else if (this.h == 0 && this.m < 40 && this.m >= 30){
+                        this.zhe = "7折"
+                    }else if (this.h == 0 && this.m < 30 && this.m >= 20){
+                        this.zhe = "7.5折"
+                    }else if (this.h == 0 && this.m < 20 && this.m >= 10){
+                        this.zhe = "8折"
+                    }else if (this.h == 0 && this.m < 10){
+                        this.zhe = "8.5折"
+                    }
+                   
+                },100)
+            },
+        }
+   })
+</script>
+</html>
\ No newline at end of file
-- 
Gitee


From 83bcc421330da8e705b17f2be784cd303bec0d7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?=
 <8781351+hflqss@user.noreply.gitee.com>
Date: Thu, 7 Apr 2022 03:34:44 +0000
Subject: [PATCH 2/6] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=20=E9=BB=84?=
 =?UTF-8?q?=E9=A3=9E=E9=BE=99/vue=E4=BD=9C=E4=B8=9A/4.06=E5=95=86=E5=93=81?=
 =?UTF-8?q?=20=E4=B8=BA=20=E9=BB=84=E9=A3=9E=E9=BE=99/vue=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A/4.06=E5=95=86=E5=93=81=E5=80=92=E8=AE=A1=E6=97=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../afd.html"                                                     | 0
 .../bind.html"                                                    | 0
 .../new.html"                                                     | 0
 .../z.html"                                                       | 0
 .../\345\225\206\345\223\201\350\257\246\346\203\205.html"        | 0
 5 files changed, 0 insertions(+), 0 deletions(-)
 rename "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html" => "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html" (100%)
 rename "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html" => "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html" (100%)
 rename "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html" => "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html" (100%)
 rename "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html" => "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html" (100%)
 rename "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html" => "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html" (100%)

diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html"
similarity index 100%
rename from "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/afd.html"
rename to "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html"
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html"
similarity index 100%
rename from "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/bind.html"
rename to "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html"
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html"
similarity index 100%
rename from "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/new.html"
rename to "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html"
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html"
similarity index 100%
rename from "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/z.html"
rename to "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html"
diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html"
similarity index 100%
rename from "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201/\345\225\206\345\223\201\350\257\246\346\203\205.html"
rename to "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/\345\225\206\345\223\201\350\257\246\346\203\205.html"
-- 
Gitee


From 28d7cd927de0fb32d69aa2e5c9ab077f4182623c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?=
 <8781351+hflqss@user.noreply.gitee.com>
Date: Thu, 7 Apr 2022 03:35:35 +0000
Subject: [PATCH 3/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99/vue=E4=BD=9C=E4=B8=9A/4.06=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=80=92=E8=AE=A1=E6=97=B6/z.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../z.html"                                        | 14 --------------
 1 file changed, 14 deletions(-)
 delete mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html"

diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html"
deleted file mode 100644
index 9c65c4b..0000000
--- "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/z.html"
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-    
-</body>
-<script>
-    
-</script>
-</html>
\ No newline at end of file
-- 
Gitee


From 6837ab9480bb2464137ee416f791db3f77e49a1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?=
 <8781351+hflqss@user.noreply.gitee.com>
Date: Thu, 7 Apr 2022 03:36:08 +0000
Subject: [PATCH 4/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99/vue=E4=BD=9C=E4=B8=9A/4.06=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=80=92=E8=AE=A1=E6=97=B6/new.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../new.html"                                 | 62 -------------------
 1 file changed, 62 deletions(-)
 delete mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html"

diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html"
deleted file mode 100644
index bfc752c..0000000
--- "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/new.html"
+++ /dev/null
@@ -1,62 +0,0 @@
-<!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">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
-    <title>计算属性</title>
-</head>
-
-<body>
-    <div id="main">
-        {{getTimeStamp()}}
-        <!--方法的调用，在methods中定义--->
-        {{getTimeStamps}}
-        {{money}}
-        <!--计算属性的调用，在computed中定义--->
-        <!--方法获取-->
-        <!-- {{money.split("").reverse().join("")}} -->
-    </div>
-
-</body>
-<script>
-
-    let vue = new Vue({
-        el: "#main",
-        data: {
-            money: "10000",
-            power: '书记',
-            name: '张',
-            
-        },
-        methods: {
-            money: function () {
-                return '$' + this.money
-            }
-        },
-        methods: {
-            getTimeStamp: function () {
-                let time = new Date().getHours();
-                return time;
-               
-            },
-            
-        },
-        computed: {
-            //计算属性,计算属性有缓存，那问题来了，什么时候跟新
-            //啥时候用属性，啥时候用方法?
-            getTimeStamps: function () {
-                // this.money;//只要属性跟新了，计算属性的值就会刷新
-                // this.power;//
-                // let time = new Date().getTime();
-                // return time;
-                return this.name + this.power
-            }
-        }
-    });
-
-</script>
-
-</html>
\ No newline at end of file
-- 
Gitee


From d5593285c9bc00ca536f4c337d19a0691e7748bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?=
 <8781351+hflqss@user.noreply.gitee.com>
Date: Thu, 7 Apr 2022 03:36:18 +0000
Subject: [PATCH 5/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99/vue=E4=BD=9C=E4=B8=9A/4.06=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=80=92=E8=AE=A1=E6=97=B6/afd.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../afd.html"                                 | 75 -------------------
 1 file changed, 75 deletions(-)
 delete mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html"

diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html"
deleted file mode 100644
index dbc11f7..0000000
--- "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/afd.html"
+++ /dev/null
@@ -1,75 +0,0 @@
-<!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">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
-    <title>过滤器</title>
-</head>
-
-<body>
-    <div id="main">
-        $${{money}}
-        {{money|addSymbols}} <!--过滤器的书写方式 | 添加的过滤器名-->
-        {{money|addUsd}}
-        {{money|addUsd2}}  
-        {{money|addvue}}
-    </div>
-     <!-- <div id="main2">
-        {{cash}}
-        {{cash|addUsd}}
-        {{cash|addUsd2}}
-    </div>
-    <div id="main3">
-        {{cash|addUsd}}  -->
-</body>
-<script>
-    //全局过滤器---也能实现
-    Vue.filter('addSymbols', (value) => {
-        return "¥￥ " + value;
-    })
-   Vue.filter('addvue',(a)=>{
-       return "333"+a;
-   })
-    Vue.filter('addUsd',function(value){
-        return '$$$'+value;
-    })
-
-    //作用域：id为main的元素区间
-    new Vue({
-        el: "#main",
-        data: {
-            money: 10000
-        },
-        methods: {
-            money: function () {
-                return "$" + this.money
-            }
-        },
-        //局部的过滤
-        filters:{
-            addUsd2:function(a){
-                return '$'+a;
-            }
-        }
-    });
-    //全局的和局部的有啥区别？？
-
-    new Vue({
-         el:"#main2",
-         data:{
-             cash:10000,
-         }
-    });
-
-    // new Vue({
-    //      el:"#main3",
-    //      data:{
-    //          cash:10000,
-    //      }
-    // });
-</script>
-
-</html>
\ No newline at end of file
-- 
Gitee


From 2783e2fcca8542d573e0c4f6cffba0f1e9f2ef78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99?=
 <8781351+hflqss@user.noreply.gitee.com>
Date: Thu, 7 Apr 2022 03:36:35 +0000
Subject: [PATCH 6/6] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E9=BB=84=E9=A3=9E=E9=BE=99/vue=E4=BD=9C=E4=B8=9A/4.06=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E5=80=92=E8=AE=A1=E6=97=B6/bind.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bind.html"                                | 48 -------------------
 1 file changed, 48 deletions(-)
 delete mode 100644 "\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html"

diff --git "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html" "b/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html"
deleted file mode 100644
index 27658a3..0000000
--- "a/\351\273\204\351\243\236\351\276\231/vue\344\275\234\344\270\232/4.06\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266/bind.html"
+++ /dev/null
@@ -1,48 +0,0 @@
-<!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">
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
-    <title>过滤器</title>
-</head>
-
-<body>
-    <div id="main">
-        class 样式与 style
-        <div v-bind:class="classSymbal">1111111111</div>
-        <div :class="[class1,class2]"></div>
-        <!--数组方式赋值-->
-        <div class="class1 class2 class3"></div>
-        <div :class="{style1:result}">class的赋值</div>
-        <div :id="{style1:result2}">id的赋值</div><!--id为啥不行啊-->
-        <div :class="obj">class的赋值</div>
-        <div :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex','box-flex'] }"></div><!----webkit-box,-ms-flexbox,flex 
-            都要取决于浏览器是否支持，如果浏览器支持就显示为true，不支持就显示为false-->
-    </div>
-
-</body>
-<script>
-
-    new Vue({
-        el: "#main",
-        data: {
-            classSymbal: 'demo demo2 demo3',//一个变量多个值
-            class1: 'demo2',//数组方式 多个变量多个值
-            class2: 'demo3',//数组方式 多个变量多个值
-            result: true,
-            result2: true,
-            obj:{
-                demo:true,
-                demo2:true
-            }
-
-        },
-
-    });
-
-</script>
-
-</html>
\ No newline at end of file
-- 
Gitee

