Vue中使用全局变量

配置这个的原因是因为在项目中有一些地方引用到了图片url,但是因为ip会不一样,每次修改这么多页面挺麻烦,就做了一下统一配置,方法如下:

1.在main.js中设置一个全局变量

Vue.prototype.$IMGURL = 'http://192.168.12.1:23000/img_files/';//统一设置页面上图片URL路径

2.界面上的使用(直接将定义的变量名写过来即可,不用加this.)

<img :src="$IMGURL+scope.row.content" width="480" class="head_pic" @load="loadImg"/>

3.js中的使用 (需要在变量前边加上this.)

this.imageUrl = this.$IMGURL+res.data.value;