已更新至父组件传递子组件数据

2022-10-28 11:51:03 +08:00 · 2022-10-28 11:51:03 +08:00 · a3aa85c9cb
parent 4ae800c474
commit a3aa85c9cb
2 changed files with 0 additions and 45 deletions
--- a/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父组件练习（1）.html
+++ b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/复习子传父组件练习（1）.html
--- a/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/子组件传父组件数据（数组）.html
+++ b/10-组件化开发/07-父子组件的通信/07-2子组件向父组件的通信（emit）/子组件传父组件数据（数组）.html
@ -1,45 +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">
-  <title>Document</title>
-</head>
-<body>
-  <div id="app">
-    <apps @contents="isShower"></apps>
-  </div>
-  <template id="tpl">
-    <div>
-      <h1 v-for="item in list" @click="Isdatas(item)"></h1>
-    </div>
-  </template>
-</body>
-<script src="../../../JavaScript/vue.js"></script>
-<script>
-  const vue=new Vue({
-    el:"#app",
-    methods: {
-      isShower(item){
-        console.log(item);
-      }
-    },
-    components:{
-      'apps':{
-        template:"#tpl",
-        data(){
-          return {
-            list:['内容1','内容2','内容3','内容4']
-          }
-        },
-        methods: {
-          Isdatas(item){
-            this.$emit('contents', item)
-          }
-        },
-      }
-    }
-  })
-</script>
-</html>