vue data使用外部其他js文件（使用其他数据大量图片）

1.js文件 img.js

js文件里都是本地图片资源（本地图片导入方法）

export default {
  data () {
    return {
      imgUrl: require('@/pages/MSite/image/1.jpg')
    }
  }
}

2.vue使用

<template>
  <img :src="imgUrl">
</template>
<script>
import img from 'common/js/img.js'
export default {
  data() {
    return {
      ...img.data()
    }
  }
}  
</script>

这样大量本地图片就可以直接放置在一个js文件里面，而不是全写在vue文件里面。