Vue由本地js中存放的url地址获取图片

对象必须放在js中（而不是json里面，json没有require）。如果是在json中，需要采用其他方式去获取
注意：url地址必须用这种形式，有require

data.js

export const recommends = [
  {
    "pic": require('./1.png'),
    "name": "adidas 阿迪达斯 训练 男子",
    "price": "335",
    "num": "1"
  },
]

index.vue

import { recommends } from './img/recommend/recommend';

先引入

this.recommends = recommends;

然后要么在data里return这个对象，要么就采用这种赋值方式。赋值方式可以省去多余的get/set方法

<p class="recommend-pic"><img class="recommend-img" :src="item.pic"></p>
<p class="recommend-name">{{item.name}}</p>

读取对象数据，两个注意点，

1. src前面 ： (v-bind绑定)。
2. 直接获取的参数需要两个花括号 {{ }}