Blame view

src/main.js 1.79 KB
2d21111e   wangming   项目初始化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
  import Vue from 'vue'
  
  import 'normalize.css/normalize.css' // A modern alternative to CSS resets
  
  import ElementUI from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'
  import locale from 'element-ui/lib/locale/lang/en' // lang i18n
  
  import '@/styles/index.scss' // global css
  
  import App from './App'
  import store from './store'
  import router from './router'
  
  import '@/icons' // icon
  import '@/permission' // permission control
  
  // 引入富文本组件
  import QuillEditor from 'vue-quill-editor'
  // 引入富文本组件样式
  import 'quill/dist/quill.core.css'
  import 'quill/dist/quill.snow.css'
  import 'quill/dist/quill.bubble.css'
  
  Vue.use(QuillEditor)
  /**
   * If you don't want to use mock-server
   * you want to use MockJs for mock api
   * you can execute: mockXHR()
   *
   * Currently MockJs will be used in the production environment,
   * please remove it before going online ! ! !
   */
  if (process.env.NODE_ENV === 'production') {
  	const {
  		mockXHR
  	} = require('../mock')
  	mockXHR()
  }
  
  // set ElementUI lang to EN
  //Vue.use(ElementUI, { locale })
  // 如果想要中文版 element-ui,按如下方式声明
  Vue.use(ElementUI)
  
  Vue.config.productionTip = false
  
  
  Vue.component('remote-script', {
  
  	render: function(createElement) {
  		var self = this;
  		return createElement('script', {
  			attrs: {
  				type: 'text/javascript',
  				src: this.src
  			},
  			on: {
  				load: function(event) {
  					self.$emit('load', event);
  				},
  				error: function(event) {
  					self.$emit('error', event);
  				},
  				readystatechange: function(event) {
  					if (this.readyState == 'complete') {
  						self.$emit('load', event);
  					}
  				}
  			}
  		});
  	},
  
  	props: {
  		src: {
  			type: String,
  			required: true
  		}
  	}
  });
  
  
  
  new Vue({
  	el: '#app',
  	router,
  	store,
  	render: h => h(App),
  	components: {
  		App
  	},
  	template: '<App/>'
  
  
  })