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%;
}