VUE内的JS在引用图片时为什么要require

在vue中动态引用图片时，不使用 require 图片会不显示，或者图片也只能写成死的

不用 :src="'../img/image.jpg'" 会被解析为字符串

而加上 require 后图片就可以正常显示了

<img src="../img/image.jpg"> // 正常加载

<img :src="'../img/image.jpg'"> // 动态地址，路径被加载器解析为字符串，图片找不到

使用

src1：require('../img/image1.jpg'),

src2：require('../img/image2.jpg'),

index: 1,

<img :src="index = 0 ? src1: src2"> // 动态地址，正常加载