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;