main.js 1.5 KB

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