Vue中图片显示问题

在Vue项目中动态绑定图片的src属性，图片会显示不出来

<div class="share-header__logo">
   <img :src="appInfo.headUrl" alt="">
   <span>美谈美语</span>
 </div>

 data() {
      return {
          headUrl: "../../../public/resources/images/logo/logo-mei.png"
             },
      }

如果用“ ”引入图片地址，会不能正常显示

需要用require包裹起来

 data() {
      return {
          headUrl: require("../../../public/resources/images/logo/logo-mei.png")
        },
      }