Vue使用的一些注意要点

(1)如下图，v-bind属性的值里面，字符串一定要加单引号，否则会当做变量来处理，并且变量不用双大括号

<li v-for="(item,index) in GoodsList">
  <div class="pic">
    <a href="#"><img v-bind:src="'static/'+item.prodcutImg" alt=""></a>
  </div>
  <div class="main">
    <div class="name">{{item.productName}}</div>
    <div class="price">{{item.prodcutPrice}}</div>
    <div class="btn-area">
      <a href="javascript:;" class="btn btn--m">加入购物车</a>
    </div>
  </div>
</li>