From b3331413e7c40ecd01beafcd6db6ca266244a698 Mon Sep 17 00:00:00 2001
From: "3056762376@qq.com" <3056762376@qq.com>
Date: Thu, 3 Nov 2022 16:53:15 +0800
Subject: [PATCH] changes

---
 .../复习子传父.html                      | 51 +++++++++++++++++++
 .../slot插槽的基本使用/index.html      |  0
 2 files changed, 51 insertions(+)
 create mode 100644 10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父.html
 create mode 100644 10-组件化开发/09-组件高级使用/slot插槽的基本使用/index.html
diff --git a/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父.html b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父.html
new file mode 100644
index 0000000..fdd6ae3
--- /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 @btn_click="shower"></apps>
+    <h1>{{num}}</h1>
+  </div>
+  <template id="tpl">
+    <div>
+      <h1>这是子组件{{dnum}}</h1>
+      <button @click="Changes()">点击</button>
+    </div>
+  </template>
+</body>
+<script src="../../../JavaScript/vue.js"></script>
+<script>
+  new Vue({
+    el:"#app",
+    data:{
+      num:0
+    },
+    methods:{
+      shower(val){
+        this.num="这是父组件"+val
+      }
+    },
+    components:{
+      'apps':{
+        template:"#tpl",
+        data(){
+          return {
+            dnum:"HelloVueComponents"
+          }
+        },
+        methods: {
+          Changes(){
+            this.$emit("btn_click",this.dnum)
+          }
+        },
+      }
+    }
+  })
+</script>
+</html>
\ No newline at end of file
diff --git a/10-组件化开发/09-组件高级使用/slot插槽的基本使用/index.html b/10-组件化开发/09-组件高级使用/slot插槽的基本使用/index.html
new file mode 100644
index 0000000..e69de29
