基于Vuejs实现购物车功能

本文实例为大家分享了Vuejs购物车实现代码，供大家参考，具体内容如下

html:

css:

代码
h3{
 text-align: center;
}
.left{
 margin-left: 14%;
}
.item{
 text-align: center;
 padding: 3%;
}
.add{
 margin-left: 15%;
}
.off{
 background-color: lightgrey;
 border: 1px solid lightgrey;
}

js:

代码
/**
 * Created by Administrator on 2016/7/29.
 */
var data = [
 {
  name:'IPhone 6',
  price:5466,
  id:1,
  count:1
 },
 {
  name:'IMac',
  price:7466,
  id:2,
  count:1
 },
 {
  name:'iPad',
  price:5400,
  id:3,
  count:1
 }
]

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