recieve the emited data in App.vue

2021-02-01 cmp-communication-assignment-problem/src/App.vue

@@ -2,7 +2,7 @@
     <div>
         <h1>User App</h1>
         <active-user :username="user.username" :age="user.age"></active-user>
-        <user-data></user-data>
+        <user-data @active-user="setActiveUser"></user-data>
     </div>
 </template>
 
@@ -16,6 +16,11 @@ export default {
             },
         };
     },
+    methods: {
+        setActiveUser(user) {
+            this.user = user;
+        },
+    },
 };
 </script>