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

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

 
编号 名称 单价 数量 小计
{{index+1}} {{value.name}} {{value.price}} {{value.price*value.num}}
总价:{{arrs}}

js部分:

         
          

效果图:


2018-09-17vue.js实现购物车效果案例、vue.js实现选项卡案例_第1张图片
购物车.png

二、选项卡
body部分:

  
  • {{value.name}}
  • {{value.cont}}

js部分:


 

css部分:


效果图:


2018-09-17vue.js实现购物车效果案例、vue.js实现选项卡案例_第2张图片
选项卡.png

你可能感兴趣的:(2018-09-17vue.js实现购物车效果案例、vue.js实现选项卡案例)