main.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. import Vue from 'vue';
  2. import App from './App';
  3. import http from './plugins/http';
  4. import Vuex from 'vuex';
  5. import common from './mixins/common';
  6. Vue.config.productionTip = false;
  7. App.mpType = 'app';
  8. // 此处为演示Vue.prototype使用,非uView的功能部分
  9. Vue.prototype.vuePrototype = '枣红';
  10. Vue.mixin(common);
  11. Vue.use(http);
  12. Vue.use(Vuex);
  13. Vue.prototype.$colors = {
  14. prim: '#214BBE'
  15. };
  16. // 引入全局uView
  17. import uView from 'uview-ui';
  18. Vue.use(uView);
  19. // 此处为演示vuex使用,非uView的功能部分
  20. const store = require('./store').default;
  21. Vue.prototype.$store = store;
  22. // 引入uView对小程序分享的mixin封装
  23. let mpShare = require('uview-ui/libs/mixin/mpShare.js');
  24. Vue.mixin(mpShare);
  25. // i18n部分的配置
  26. // 引入语言包,注意路径
  27. import Chinese from '@/common/locales/zh.js';
  28. import English from '@/common/locales/en.js';
  29. // VueI18n
  30. import VueI18n from '@/common/vue-i18n.min.js';
  31. // VueI18n
  32. Vue.use(VueI18n);
  33. const i18n = new VueI18n({
  34. // 默认语言
  35. locale: 'zh',
  36. // 引入语言文件
  37. messages: {
  38. 'zh': Chinese,
  39. 'en': English,
  40. }
  41. });
  42. // 由于微信小程序的运行机制问题,需声明如下一行,H5和APP非必填
  43. Vue.prototype._i18n = i18n;
  44. const app = new Vue({
  45. i18n,
  46. store,
  47. ...App
  48. });
  49. // http拦截器,将此部分放在new Vue()和app.$mount()之间,才能App.vue中正常使用
  50. import httpInterceptor from '@/common/http.interceptor.js';
  51. Vue.use(httpInterceptor, app);
  52. // http接口API抽离,免于写url或者一些固定的参数
  53. import httpApi from '@/common/http.api.js';
  54. Vue.use(httpApi, app);
  55. app.$mount();