s11e153 submitting a form

s11e143/src/App.vue

@@ -111,6 +111,7 @@
             <div class="row">
                 <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                     <button
+                            @click.prevent="submit"
                             class="btn btn-primary">Submit!
                     </button>
                 </div>
@@ -119,7 +120,7 @@
 
         </form>
         <hr>
-        <div class="row">
+        <div class="row" v-if="isSubmitted">
             <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
                 <div class="panel panel-default">
                     <div class="panel-heading">
@@ -152,6 +153,7 @@
     export default {
         data(){
             return {
+                isSubmitted: false,
                 userData: {
                     email: '',
                     password: '',
@@ -167,6 +169,11 @@
         },
         components:{
             appSwitch: Switch,
+        },
+        methods:{
+            submit(){
+                this.isSubmitted = true;
+            }
         }
     }
 </script>