// 数据
aaa: [
  {bbb: 111,lll:"第一个"},
  {bbb: 222,lll:"第二个"},
  {bbb: 333,lll:"第三个"},
  {bbb: 444,lll:"第四个"},
  {bbb: 555,lll:"第五个"},
  {bbb: 666,lll:"第六个"}
]

通过给已知的对象中添入一个新的属性: hidden，来判断显示或者不显示

<div class="wapper">
    <div v-for="(item,i) in aaa" @click="chuf(i)">
      <span>{{item.bbb}}</span>
      <div v-show="item.hidden">{{item.lll}}</div>
    </div>
  </div>

在钩子函数 created 来更新数据的添加一个新的键值对
ps：
created ：处于 loading 结束后，还做一些初始化，实现函数自执行（ data 数据已经初始化，但是 DOM 结构渲染完成，组件没有加载）

 created() {
      for (var i = 0; i < this.aaa.length; i++) {
         // 第一种方法
        // var b ={ hidden:true }
        // Object.assign(this.aaa[i], b)
        //第二种
        this.$set(this.aaa[i],'hidden',true)
      }
    }

1.我原来想的方法是创建一个对象，用 es6 的 Object.assign() 方法合并一下
2.但是添加到对象上的新属性不会触发更新。
如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
3.所以使用this.$set的方法。

vm.$set 实例方法，这也是全局 Vue.set 方法的别名

ps：
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

触发添加属性的方法

//方法  点击变化 显示 隐藏
chuf(i) {
  console.log(i)
    this.aaa[i].hidden = !this.aaa[i].hidden
     console.log(this.aaa[i].bbb)
        console.log(this.aaa[i].hidden)
}

当我点击第一个的时候

第一个值为 下标
第二个值为 数组中定义的 bbb
第三个值为 添加的键值对的值

这样就可以改变添加的属性的值