wiki/component/approve/Register.vue

<template>
<div class="register">
  <h4 style="color:orange;">注册页面</h4>
  <label>用户名</label><input type="text" placeholder="请输入用户名"/><br/>
  <label>密码</label><input type="password" placeholder="请输入密码"/><br/>
  <label>确认密码</label><input type="password" placeholder="确认密码"/><br/>
  <button>注册</button>
</div>
</template>
<script type="module">
export default {
  methods:{
    add_number(){

    }
  },
  setup(){
    console.log("about vue component setup");
  },
  mounted(el){
    console.log("about vue under mounted ---");
  }
}
</script>
<style scoped>
.register{
  width:80vw;
  height:50vh;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-color: aqua;
  backdrop-filter: blur(3px);
}
</style>