布局

display: flex;
flex-direction: column;
justify-content: center;

//設(shè)置兩者等值，即可讓自己垂直居中
line-height：30px;
height:30px;
//兩者都是相對(duì)父級(jí)視圖決定的，上者代表不會(huì)根據(jù)組內(nèi)元素定位，下者代表會(huì)根據(jù)組內(nèi)元素定位
position: absolute;
position: relative;

<div class="myPassenger-main-list" v-for='(item,index) in passengerData' :key='index'></div>
<div class="myCollection-itemDiv-bottom" v-if ='index!=collectionData.length-1'></div>
//設(shè)置網(wǎng)絡(luò)圖片及占位圖
<img :src="item.pic.indexOf('http')!=-1?item.pic:placehodleUrl" alt="" class="myCollection-itemDiv-content-left-spotImg">

flex-direction.png

justify-content.png

export 和 export default 的區(qū)別https://blog.csdn.net/sleepwalker_1992/article/details/81461543
js 判斷字符串中是否包含某個(gè)字符串
https://blog.csdn.net/weixin_39228870/article/details/85338098