All files / components/Sign index.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<template >
  <div v-on:toggle="toggle">
    <SignIn v-if="is" :isMenu="isMenu" :toggle="toggle" />
    <SignUp v-else :isMenu="isMenu" :toggle="toggle" />
  </div>
</template>

<script>
import SignIn from "./SignIn";
import SignUp from "./SignUp";
 
export default {
  components: { SignIn, SignUp },
  props: { isUp: Boolean, isMenu: Boolean },
  data: () => ({ is: false }),
  methods: {
    toggle() {
      this.is = !this.is;
    },
  },
  mounted() {
    this.is = this.isUp;
  },
};
</script>
 
<style>
</style>