background是背景 用url引入图片背景图片的意思 当使用的时候需要结合宽度和高度来使用 项目打包时 background放置的图片需要 <div style="background-image: url('../../../../assets/images/logo.png');"></div> <!--直接使用上面这种内联样式:style="background-image: url('../../../../assets/images/logo.png')的方式引入背景图时, 由于url('../../../../assets/images/logo.png')中的静态路径不会被编译处理,所以在项目运行起来或者项目打包编译之后, 按照此处../../../../assets/images/logo.png路径无法找到图片。 如果图片放在static路径下,则可以直接这样引入,引入static下的文件不会被打包编译"--> <div style="background-image: url('static/logo.png');"></div> img引入图片 <!--第一种--> <img src="~@/assets/images/logo.png" alt=""> <img src="../../../../assets/images/logo.png" alt=""> <!--第二种--> <img :src="imgData" alt=""> <!--第三种--> <img :src="require('../../../../assets/images/logo.png')" alt="">
background-url 引入图片时一定要写绝地路径 不然打包过后图片会出现找不到的问题