vue实现学生录入系统之添加删除功能

一.案例代码

 
 
 
 
  #app{
  margin: 50px auto;
  width: 620px;
  }
  fieldset{
  border: 2px solid plum;
  margin-bottom: 20px;
  }
  fieldset input{
  width: 200px;
  height: 30px;
  margin: 10px 0;
  }
  table{
  width: 620px;
  border: 2px solid plum;
  text-align: center;
  }
  thead{
  background-color: plum;
  }
  
 
 
 
 
  

  
学生录入系统
  
   姓名：
   
   
  
  
   年龄：
   
  
  
   性别：
   
   男
   女
   
  
  
   QQ：
   
  
  创建新用户
  
  

  

   

   
姓名
   
年龄
   
性别
   
QQ
   
删除
   
  
  

   

   
{{p.name}}
   
{{p.age}}
   
{{p.sex}}
   
{{p.QQ}}
   
删除
   
  
  
 
 
 
 
 

二.结果

总结

以上所述是小编给大家介绍的vue实现学生录入系统之添加删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！