From 64684f59bff2735817aa09e0f3e7b791df5803e6 Mon Sep 17 00:00:00 2001
From: Code12121 <3056762376@qq.com>
Date: Thu, 27 Oct 2022 14:36:43 +0800
Subject: [PATCH] changes

---
 ...�习子组件向父组件传递数据.html | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 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..61ea8cf
--- /dev/null
+++ b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子组件向父组件传递数据.html
@@ -0,0 +1,52 @@
+<!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 @clickme="ItemShower"></apps>
+  </div>
+  <template id="tpl">
+    <div>
+      <div v-for="item in list" @click="Onclick(item)">{{item.sname}}</div>
+    </div>
+  </template>
+</body>
+<script src="../../../JavaScript/vue.js"></script>
+<script>
+  const vue=new Vue({
+    el:"#app",
+    methods: {
+      ItemShower(item){
+        console.log(item.sname);
+      }
+    },
+    components:{
+      'apps':{
+        template:"#tpl",
+        data(){
+          return {
+            list:[
+              {sid:2001,sname:"陈晓",sclass:"C20T1"},
+              { sid: 2002, sname: "张三", sclass: "C20T1" },
+              { sid: 2003, sname: "李四", sclass: "C21T1" },
+              { sid: 2004, sname: "王五", sclass: "C20T4" },
+              { sid: 2005, sname: "姚六", sclass: "C21T3" },
+              { sid: 2006, sname: "费飞", sclass: "C22T1" },
+            ]
+          }
+        },
+        methods: {
+          Onclick(item){
+            this.$emit("clickme",item)
+          }
+        },
+      }
+    }
+  })
+</script>
+</html>
\ No newline at end of file
