vue.js使用列表渲染的坑

v-for渲染组件

啰嗦几句先：不得不承认v-for确实是个很好的api，但是用v-for去渲染组件的话会有很多不得不踩坑。今天我就来为大家平一平这些坑。

1、v-for数据传入组件

这个在官网上写的很清楚，在组件中使用props定义一个变量，然后再父组件的模版中绑定这个属性就可以了。

下面看了例子呗。

这个是我定义的displayPost全局组件，并且定义了props属性，里面有两个变量。

这个是父组件使用上面定义的子组件其中postData是v-for

遍历displayPostData数组 的别名，index则是索引的别名。