vue动态绑定图片，找不到图片地址

html：

<ul>
  <li v-for="(i, index) in imgArray">
    <img :src="i.imgs" :alt="index"/>
  </li>
</ul>

vue:

data: {
  imgArray: [
    {imgs: '../img/01.png'},  //这样是找不到图片的
  ]
}

data: {
  imgArray: [
    {imgs: require('../img/01.png')},  //这样才能找到图片
  ]
}