Vue2.0（购物车和地址选配）

基础指令

• v-model

  主要用于表单中，视图改变模型也会发生改变，反之亦然。
  

<a href="javascript:;" v-on:click="changeMoney(item,-1)" v-if="item.productQuentity>1">-</a>
<input type="text" disabled value="0" v-model="item.productQuentity">
<a href="javascript:;" @click="changeMoney(item,1)">+</a>

• v-text

  文本渲染，效果等价于{
      {}}。区别在于Vue没有初始化完成之前，使用{
      {}}可能会显示到页面上。
  

• v-show

  控制元素的显示隐藏（通过display:blkock或者display:none控制）
  

• v-if

  同样也是控制元素的显示隐藏。如果元素不显示的话，整个DOM都没有。
  

• v-bind

  绑定属性。例如动态绑定图片的src属性
  

:class="{
   'md-show':delFlag}"

• v-for

  遍历元素。v-for="(item,index) in obj"     =>  (每一项，索引）
  

//控制显示的内容
filterAddressList() {
   return this.addressList.slice(0