使用vueJS部署一个项目，遇到一个js问题：
以下函数用来添加书籍：

    addBook : function(){
                this.book.id = this.books.length + 1;
                this.books.push(this.book);
                this.book = '';
            }

html部分：

书目信息

        

        
        

            

                
序号
                
书名
                
价格
                
删除
            
            

                
{{book.id}}
 
                
{{book.title}}
                
{{book.price}}
                

                    删除
                
            
            
        
        
               
添加书籍
               

                   添加书名
                   
               
               

                   添加价格
                   
               
               确认添加
        

        
        我的个人理解是：
        this.books 是指#app中的books[]
        this.book 是指当前按钮控制的用户添加区域
        
        以下是截图：
        

谢谢