Vue定义全局变量

定义

import Vue from 'vue'
import router from './router'
import App from './App.vue'

import './plugins/vueamap.js' //  vue-amap 高德地图
import './plugins/element.js' //  elemnt组件
import {post,get,put,deletes,toJson,isEmpty} from './plugins/http.js' // 请求方式中间件
import {api} from './plugins/api.js'  // API 链接
import {formatDate,formatGoods} from './plugins/function.js' // 公共方法
import '../public/fonts/iconfont.css' // 阿里图标
import '../public/style.css' // 公共CSS

import skeleton from 'vue-skeleton-component' // 骨架


import md5 from 'js-md5'; // md5
import store from './store' // VUEX
import * as qiniu from 'qiniu-js';

import {upload_img} from './components/uploadFile/upload_qny.js';

Vue.use(qiniu);

//定义全局变量
Vue.prototype.$api=api;
Vue.prototype.$post=post;
Vue.prototype.$get=get;
Vue.prototype.$put=put;
Vue.prototype.$delete=deletes;
Vue.prototype.$toJson=toJson;
Vue.prototype.$isEmpty=isEmpty;
Vue.prototype.$md5=md5;
Vue.prototype.$formatGoods=formatGoods;
Vue.prototype.$store=store;
Vue.prototype.$upload_img = upload_img


// 时间格式化
Vue.filter('formatDate', function (time) {
    var date = new Date(time*1000);
    return formatDate(date, 'yyyy-MM-dd hh:mm');
});

Vue.filter('formatDateAuto', function (time,str) {
    var date = new Date(time*1000);
    return formatDate(date, str);
});

Vue.config.productionTip = false

Vue.use(skeleton); // 骨架

// 跳转后返回顶部
router.afterEach(() => {
    window.scrollTo(0,0);
})

new Vue({
    router,
    // store,
    render: h => h(App)
}).$mount('#app')

使用

//使用全局变量请求
      this.$post(this.$api.editGoods + this.$route.params.id, info).then(
        (res) => {
          if (res.code == 200) {
            this.$message.success("修改成功");
          } else {
            this.$message.error(res.msg);
          }
        }
      );

//使用全局变量2
  this.$upload_img(pram).then((res) => {
        console.log("上传七牛云成功返回的图片地址---->", res);
         let obj = new Object();
        obj.url = res;
        this.imgFile.push(obj);
      });