vue中全局文件(global.js)的使用

全局文件(global.js)的重要性: 你可以在里面设置一些全局图片前缀\默认头像\全局变量的设置 全局文件设置的变量可以在任意的.vue文件都可以直接使用

//global.js
import Vue from "vue";
Vue.prototype.defaultIcon =
  'this.src="' + require('@/assets/images/workbench/more.png') + '"' // 默认图片

Vue.prototype.defaultHeadpic =
'this.src="' + require('@/assets/images/workbench/default_head.png') + '"' // 默认头像
Vue.prototype.defaultAppIcon =
'this.src="' + require('@/assets/images/workbench/more.png') + '"' // 默认应用图标

Vue.prototype.imgPath = '/portal/api/workbench' //图片前缀

在main.js引入全局文件

import Vue from 'vue'
import App from './App'
import router from './router'
import store from './vuex/store'
import axios from 'axios'
import Vant from 'vant'
import "@/utils/global" //引入全局文件global.js
import 'vant/lib/index.css'

在vue页面直接使用