div宽度和高度固定，让图片铺满整个div并且不变形

<div class="photo">
<div class="img" :style="url(photo.png)">

</div>
</div>
css样式：
.photo .img{

background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

}

嗯嗯，是否是感受超简单那，看完以后我也这么感受的，以前的作法是把图片从img标签引入，宽度和高度设置成100%，很明显图片会变形，后来从网上搜了好多方法试了都解决不了，最后请教了同事，原来这么简单，搜嘎。。下面是先后对比图