2018-09-17vue.js实现购物车效果案例、vue.js实现选项卡案例

一、简单的购物车案例
body部分：

 

   

       

           

               
编号
               
名称
               
单价
               
数量
               
小计
           
       
       

           

               
{{index+1}}
               
{{value.name}}
               
{{value.price}}
      
               

                        -
                       
                       +
              
               
{{value.price*value.num}}
           
           

            
总价:{{arrs}}
        
       
         
     
  

js部分：

效果图：

购物车.png

二、选项卡
body部分：

   

       
{{value.name}}
   
    

        
{{value.cont}}
    
 

js部分：

css部分：

效果图：

选项卡.png