vue图书馆案例

table{
   
    border: 1px solid #e9e9e9;
    /* border-collapse: collapse;去除表格默认属性*/
    border-collapse: collapse;
    border-spacing: 0;
}
th,td{
   
    padding: 9px 16px;
    border:1px solid #e9e9e9;
    text-align: left;
}
th{
   
    background-color: #f7f7f7;
    color: #2c3e50;
    font-weight: 600;
}

const app =new Vue({
   
    el:'#app',
    data:{
   
        books:[
            {
   
                id:1,
                name:'<算法导论>',
                data:'2006-9',
                price:85.00,
                count:1
            },
            {
   
                id:2,
                name:'<算法导论>',
                data:'2006-9',
                price:85.00,
                count:1
            },
            {
   
                id:3,
                name:'<算法导论>',
                data:'2006-9',
                price:85.00,
                count:1
            },
            {
   
                id:4,
                name: