Как переключить модальное окно?

Vue.component('login', {
    template: `#login-template`,
    data() {
        return {
            loginInput: '',
            passwordInput: ''
        }
    },

    methods: {
        sendRequest(e) {
            var self = this;

            axios.post('/', {
                name: this.loginInput,
                password: this.passwordInput
            })
                .then(function (res) {
                    /*if (response == "ok") {
                        window.location.replace("/")
                    }*/

                    if (res.data.auth == true) {
                        self.$emit('close', res.data);
                    }

                    else {
                        return;
                    }
                })

                .catch(function (error) {
                    console.log(error);
                });
        },

        signUpModal() {
        }
    }
});

<div class="login-footer">
    <slot name="footer">
        <div class="change-mode">
              <button class="change-mode-reg" @click="signUpModal"">Sign up</button>
                 <div class="change-mode-line"></div>
         </div>
 </slot>
</div>