lesson 28: computed properties

basics-05-using-the-native-event-object/app.js

@@ -5,13 +5,15 @@ const app = Vue.createApp({
             name: "",
         };
     },
-    methods: {
-        outputFullName() {
+    computed: {
+        fullName() {
             if (this.name === "") {
                 return "";
             }
             return this.name + " " + "Muster";
         },
+    },
+    methods: {
         setName(event) {
             this.name = event.target.value;
         },

basics-05-using-the-native-event-object/index.html

@@ -22,7 +22,7 @@
         <p>Result: {{ counter }}</p>
         <input type="text" v-model="name">
         <button v-on:click="resetInput">Reset Input</button>
-        <p>Your Name: {{ outputFullName() }}</p>
+        <p>Your Name: {{ fullName }}</p>
     </section>
 </body>