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文件里面。