相关截图：

相关代码：

​<template>
    <div class="wrapper">
        <img src="http://www.dell-lee.com/imgs/vue3/user.png" alt="" class="wrapper__img">
        <div class="wrapper__input">
            <input type="text" class="wrapper__input__content" placeholder="请输入手机号">
        </div>
        <div class="wrapper__input">
            <input type="password" class="wrapper__input__content" placeholder="请输入密码">
        </div>
        <div class="wrapper__login-button" @click="handleLogin">登陆</div>
        <div class="wrapper__login-link" @click="handleRegisterClick">立即注册</div>
    </div>
</template>

<script>
import { useRouter } from 'vue-router';
export default {
    name :'Login',
    setup() {
       const router = useRouter;
       const handleLogin = () => {
           localStorage.isLogin = true;
           router.push({ name : 'Home'})
       } 
       const handleRegisterClick = () => {
           console.log(111)
           router.push({ name : 'Register'})
       }
       return { handleLogin, handleRegisterClick }
    },
}
</script>