From 99eaa348090607de88ec748f951dabb937f9ab2d Mon Sep 17 00:00:00 2001
From: Code12121 <3056762376@qq.com>
Date: Mon, 31 Oct 2022 10:16:40 +0800
Subject: [PATCH] changes

---
 .../复习子传父的练习.html             | 51 +++++++++++++++++++
 .../复习父传子的练习.html             | 41 +++++++++++++++
 README.md                                     | 12 ++---
 3 files changed, 98 insertions(+), 6 deletions(-)
 create mode 100644 10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父的练习.html
 create mode 100644 10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习父传子的练习.html
diff --git a/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父的练习.html b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父的练习.html
new file mode 100644
index 0000000..89360ad
--- /dev/null
+++ b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父的练习.html
@@ -0,0 +1,51 @@
+<!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>
+</head>
+<body>
+  <div id="app">
+    <apps @item="listitem"></apps>
+  </div>
+  <template id="apps">
+    <div>
+      <h1 v-for="item in list" @click="itemList(item)">{{item}}</h1>
+    </div>
+  </template>
+</body>
+<script src="../../../JavaScript/vue.js"></script>
+<script>
+  new Vue({
+    el:"#app",
+    data:{
+      list:[]
+    },
+    methods:{
+      listitem(val){
+        this.list.push(val)
+        for (let i of this.list){
+          console.log(i);
+        }
+      }
+    },
+    components:{
+      'apps':{
+        template:"#apps",
+        data(){
+          return {
+            list:["电脑数码","电子设备","办公"]
+          }
+        },
+        methods: {
+          itemList(value){
+            this.$emit("item",value)
+          }
+        },
+      }
+    }
+  })
+</script>
+</html>
\ No newline at end of file
diff --git a/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习父传子的练习.html b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习父传子的练习.html
new file mode 100644
index 0000000..255c17f
--- /dev/null
+++ b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习父传子的练习.html
@@ -0,0 +1,41 @@
+<!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>
+</head>
+<body>
+  <div id="app">
+    <apps :app="list"></apps>
+  </div>
+  <template id="apps">
+    <div>
+      <h1 v-for="item in app">{{item}}</h1>
+    </div>
+  </template>
+</body>
+<script src="../../../JavaScript/vue.js"></script>
+<script>
+  const vue=new Vue({
+    el:"#app",
+    data:{
+      list:["这是图片1","这是图片2","这是图片3"]
+    },
+    components:{
+      'apps':{
+        template:"#apps",
+        props:{
+          'app':{
+            type:Array,
+            default(){
+              return []
+            }
+          }
+        }
+      }
+    }
+  })
+</script>
+</html>
\ No newline at end of file
diff --git a/README.md b/README.md
index fafaf67..16e0154 100644
--- a/README.md
+++ b/README.md
@@ -38,9 +38,9 @@ js文件
 项目：  
 prop属性的使用  
 Vue框架设计笔记（笔记更新日期：2022年10月24日18:49）  
-时间：2022年10月24日18:49:33
-7、2022/10/28
-项目：
-子组件传父组件数据
-Vue框架设计笔记（笔记更新日期：2022年10月28日）
-时间：2022年10月28日11:45:25
\ No newline at end of file
+时间：2022年10月24日18:49:33  
+7、2022/10/28  
+项目：  
+子组件传父组件数据  
+Vue框架设计笔记（笔记更新日期：2022年10月28日）  
+时间：2022年10月28日11:45:25  
\ No newline at end of file
