vue.js制作购物车案例

案例要求：

1.表格中的数据不是写死的数据，要能随取随用

2.点击+或者-按钮购买数量能有相应变化，且不能为负数

3.能计算出总的价格

4.删除某个物品后前面序号相应发生改变

相应代码如下：

在引用代码前一定要引入vue.js，即第6行代码要进行修改

    
    
    
    




    

        

            

            

                
{{m}}
            
            
            

            

                
{{ibook.id}}
                
{{ibook.bookname}}
                
{{ibook.eachprice | showprice}}
                

                    -
                    {{ibook.buynum}}
                    +
                
                

                    删除
                
            
            
        
        
总价格：{{FinalPrice | showprice}}
    
    
购物车为空