vant库 van-image标签 引用本地图片

当我们使用vantage中的van-image组件的src参数默认的图片链接

<van-image
  width="100"
  height="100"
  src="https://img.yzcdn.cn/vant/cat.jpeg"
/>

我们想要换成本地的图片时必须要这样做：

data () {
    return {
      list:[
         {id:0,image:require('../../images/menu1.png'),title:'爱豆剧场'},
         {id:1,image:require('../../images/menu2.png'),title:'综艺大全'},
         {id:2,image:require('../../images/menu3.png'),title:'时装周'},
         {id:3,image:require('../../images/menu4.png'),title:'流量小生'},
         {id:4,image:require('../../images/menu5.png'),title:'CP榜'},
         {id:5,image:require('../../images/menu6.png'),title:'明星榜'},
         {id:6,image:require('../../images/menu7.png'),title:'时尚大片'},
         {id:7,image:require('../../images/menu8.png'),title:'影视大全'},
         {id:8,image:require('../../images/menu9.png'),title:'pick'},
     ] 
   
    }
  },

<van-grid clickable :column-num="3">
            <van-grid-item v-for="(item,index) in list" :key="index" to="/">
                <img :src="item.image" />
                <span>{{item.title}}</span>
            </van-grid-item>
   
        </van-grid>