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%，很明显图片会变形，后来从网上搜了好多方法试了都解决不了，最后请教了同事，原来这么简单，搜嘎。。下面是前后对比图