使用vue做个简易购物车

CSS部分：

 .boss{

    width: 900px;

    height: 570px;

    margin-left: 320px;

    margin-top: 30px;

    border: 1px solid black;

    }

    .gwc{

        width: 105px;

        height: 25px;

        font-size: 20px;

        font-weight: 900;

        margin-left: 320px;

    }

    table {

        width: 100%;

        border-collapse: collapse;

    }

    table,tr,td

        {

        border-bottom: 1px solid black;

        padding: 50px;

        color: #6f706f;

        text-align: center;

    }

    table,th{

        border-bottom:1px solid black;

        padding: 15px;

        color: #6f706f;

        text-align:  center;

    }

    button{

        color: rgb(32, 130, 27);

    }

    .qx{

        width: 80px;

         height: 30px;

          text-align: center;

          line-height: 30px;

          margin-left: 45px;

          font-weight: 800;

          float: left;

          margin-top: 15px;

    }

    .a{

        width: 900px;

        height: 30px;

        float: left;

    }

    .zj{

        width: 100px;

        height: 30px;

        float: left;

        margin-left: 450px;

        font-weight: 800;

        margin-top: 15px;

    }

    table tr td input{

        width: 45px;

        outline: none;

        text-align: center;

    }

    .js {

        margin-top: 15px;

    }

HTLM部分：

JS代码部分：

 

效果图：