Vue实现图书管理小案例

本文实例为大家分享了Vue实现图书管理的具体代码，供大家参考，具体内容如下

  
  
  
  
     .grid{
      margin:auto;
      width:500px;
      text-align:center;
     }
     .grid table{
      width:100%;
      border-collapse:collapse;
     }
     .grid th,td{
      padding:10px;
      border:1px solid orange;
      height:35px;
      line-height:35px;
     }
     .grid th{
      background-color:orange;
     }
     .book{
      background-color:orange;
      border-bottom:1px solid #ccc;
      padding:5px;
     }
     input{
      width:150px;
      outline:none;
     }
     .grid .total{
      height:30px;
      line-height:30px;
      background-color:orange;
      border-bottom:1px solid #ccc;
     }
  



  
   
     图书管理
     
      编号：
      
      名称：
      
      提交
     
   
   
     图书总数：
     {{total}}
   
   

     


 
编号
 
名称
 
时间
 
操作

     
     

     

{{item.id}}
{{item.name}}
{{item.date | format('yyyy-MM-dd hh:mm:ss')}}

  修改
  |
  删除

     
     
   

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。