vue实现简单的购物车功能

本文实例为大家分享了vue实现简单购物车功能的具体代码，供大家参考，具体内容如下

1.实现效果：

2.涉及到的知识点：

toFixed函数、过滤器、reduce高阶函数、v-bind:disabled、v-if

3.代码：

    
    
    
    
    


    

        

        
            
                
                    
                    
                    
                    
                    
                    
                
            
            
                
                    
                    
                    
                    
                    
                    
                
            
        
书籍名称
出版日期
价格
购买数量
操作
{{item.id}}
{{item.name}}
{{item.date}}
￥{{item.price | finalPrice}}

                        -
                        {{item.count}}
                        +
                    
移除
        
总价格：{{sumPrice | finalPrice}}
    
    
购物车为空
    
    
    
    

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