main.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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. // i18n部分的配置
  19. // 引入语言包,注意路径
  20. import Chinese from '@/common/locales/zh.js';
  21. import English from '@/common/locales/en.js';
  22. // VueI18n
  23. import VueI18n from '@/common/vue-i18n.min.js';
  24. //富文本
  25. import VueQuillEditor from 'vue-quill-editor'
  26. // 富文本require styles
  27. import 'quill/dist/quill.core.css'
  28. import 'quill/dist/quill.snow.css'
  29. import 'quill/dist/quill.bubble.css'
  30. Vue.use(VueQuillEditor, {
  31. placeholder: '请输入内容',
  32. });
  33. // VueI18n
  34. Vue.use(VueI18n);
  35. const i18n = new VueI18n({
  36. // 默认语言
  37. locale: 'zh',
  38. // 引入语言文件
  39. messages: {
  40. 'zh': Chinese,
  41. 'en': English,
  42. }
  43. });
  44. // 由于微信小程序的运行机制问题,需声明如下一行,H5和APP非必填
  45. Vue.prototype._i18n = i18n;
  46. const app = new Vue({
  47. i18n,
  48. store,
  49. ...App
  50. });
  51. // http拦截器,将此部分放在new Vue()和app.$mount()之间,才能App.vue中正常使用
  52. import httpInterceptor from '@/common/http.interceptor.js';
  53. Vue.use(httpInterceptor, app);
  54. // http接口API抽离,免于写url或者一些固定的参数
  55. import httpApi from '@/common/http.api.js';
  56. Vue.use(httpApi, app);
  57. app.$mount();