vue img圖片路徑問題和Safari顯示問題

vue中引入圖片路徑

1. 直接按路徑引入，需要把assets下面的圖片copy一份放到public目錄下面，用的時候，直接按根目錄寫

<img src="/src/assets/images/01.jpg" alt=""> 

2. 還有一種用require引入，

			<img style="width: 100px;height: 100px;"  :src="require('./assets/tab-home.png')" />

在iOS的Safari瀏覽器中圖片不顯示，我的是Mac電腦，Chrome瀏覽器裏面就可以顯示圖片，其他的瀏覽器不太清楚，
在Safari中調試也能看到圖片資源，就是不顯示圖片。兩個方案：

1. 在img中內聯樣式設置圖片的寬高

       <img :style="{width:'44px',height:'44px'}" :src="require('../assets/tab-home.png')" />

2. 在img的外面包上一層div，設置div的寬高，設置img爲100%，另外，需要注意，不能設置img的class和id的樣式了，只能在選擇器item-img-bg的子元素裏面設置樣式

	 <div class="item-img-bg"> -->
			<img  :src="require('./assets/tab-home.png')" />
		 </div> 
。。。
在style裏面設置圖片的寬高
 .item-img-bg img{
	width: 100%;
	height: 100%;
}