v-for

今天在调用一组数据的时候，想要将数据分为单个，这样修改的时候回很容易将事件出发的数据找到，并传递到接口，但是用父组件传递数据给子组件的时候，子组件的数据一直显示未定义，父组件大致如下：
  <div>
     <carosel v-for="item in list" :data="item"></ carosel>
 </div>
我在子组件使用了props获取数据，但一直没有获取到，看了很多文章，发现可以这样写：
   <div>
     <carosel v-for="item in list" :data.sync="item"></ carosel>
 </div>
我就研究了下：
  .sync在vue1中是实现父组件和子组件双向绑定的一个修饰符，到了Vue2中为了实现数据在父组件和子组件的单向流动，就停用了一段时间，但是最后从从Vue 2.3.0 起重新引入了 .sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器.

如下代码
<comp :foo.sync="bar"></comp>
会被扩展为：
<comp :foo="bar" @update:foo="val => bar = val"></comp>
当子组件需要更新 foo 的值时，它需要显式地触发一个更新事件：
this.$emit('update:foo', newValue)