Realization of Shopping cart function _javascript skill based on Vuejs

This example for you to share the Vuejs shopping Cart implementation code for your reference, the specific contents are as follows

Html:

<!
 DOCTYPE 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 the 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
 }
]

This article has been organized into the "Vue.js front-end component Learning course", welcome to learn to read.

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.