使用vue-cli中v-for遍历展示img时不显示的问题

今天使用v-for遍历data中的对象显示本地图片时，data代码如下：

logos:[
                    {
                        name:"apple",
                        logo:"../assets/img/phoneBrandsLogo/apple.png",
                    },
                    ....
]

发现页面的图片并没有渲染出来，v-for中的其他数据例如name都能正常显示，img的src属性也加上了:冒号，f12查看页面源代码显示：

最后查阅资料后发现，需要在路径外面加上一个require，问题成功解决：

logos:[
                    {
                        name:"apple",
                        logo:require("../assets/img/phoneBrandsLogo/apple.png"),
                    },
                    ...
]