Vue的点点滴滴

Slot

Slot是用来传递组件的，并且只能传递组件，不能传递样式，在子组件中，同时也不能设置Slot的样式，传递过来的组件会替换掉子组件中的Slot，所以只能将父组件设置class，然后在子组件中设置样式。

Cannot read property ‘length’ of undefined

在Vue中，数据遍历到第三层时会发生这样的错误，因为，Vue在没有得到数据前，他会认为他得到的是一个对象，而不是数组，所以会报这样的错误，解决方案如下

<div class="content_list">
              <div class="list_item" v-for="(weiboContent, index) in weiboContents" :key="index">
	              <div class="item_like">
	                    <i class="iconfont icon-zan2"></i>
	                    <span v-for="(people, index) in weiboContent.thumb_up_peoples" :key="index">{{people.name}}、</span>
	                    等{{weiboContent.thumb_up_peoples ? weiboContent.thumb_up_peoples.length : ''}}个人觉得很赞
	             </div>
            </div>
 </div>

千万不要写成

<div class="item_like">
           <i class="iconfont icon-zan2"></i>
            <span v-for="(people, index) in weiboContent.thumb_up_peoples" :key="index">{{people.name}}、</span>
            等{{ weiboContent.thumb_up_peoples.length ?  weiboContent.thumb_up_peoples.length: ''}}个人觉得很赞
</div>

这样的话照样会报错，因为Vue还是会解析weiboContent.thumb_up_peoples.length。