vue3在展示图片，固定容器大小，图片等比例拉伸，以及动态引入图片展示

      在项目中展示图片的时候，需要指定的图片在固定好大小的容器里面展示，一般我使用 和背景图片的这两种方法展示图片，

       但是，使用的时候，往往只能展示固定的图片大小，而使用背景图片的展示，可以让图片根据宽或高等比例拉伸展示，如下：

总结：固定容器大小，图片等比例拉伸展示时，使用背景图片的展示方式

这是vite+vue3代码如下：

这是webpack+vue3代码如下：（本地图片引入需要require()）

在使用参数为url时，需要require()，才能识别出本地图片，注意：在使用require()的时候，必须提前声明使用引入图片的路径方式，就是必要写路径前缀require("@/...") 或者require("./...")，如果require(变量名字)会直接报错