Vue中本地图片无法显示

最近用Vue开发一个h5页面，网络图片可以正确显示，但是本地图片无法显示
源代码

<img src="../../assets/image/home.png" alt=""/>

找了很多种方法均不行
比如

<img src="~@/static/Trump.jpg" class="image">

和
src写imgurl用动态获取的方式，src=require（"xxx"）

后来发现直接引入可以
在script中

import homeImg from '../../assets/image/home.png'
export default {
  data: {
    imgObj: {homeImg},
  }
  // xxx
}

然后在html中

<img :src="imgObj.homeImg" alt=""/>

图片可以显示了，完美，😆