vue怎么加载图片？

<li class="index" v-for="(item, index) in banners" :key="index">
    <img :src="item.imgUrl">
</li>

JS:
import luan from './../assets/luan.jpg'
import mouse from './../assets/mouse.jpg'
import yellow from  './../assets/yellow.jpg'

export default{
    data(){
        return{
          banners: [
              { imgUrl: luan },
              { imgUrl: mouse },
              { imgUrl: yellow },
          ],
        }
    }
}

参考：https://www.zhihu.com/question/39184901