2022-01-10 21:25:36 +08:00
|
|
|
|
/*
|
|
|
|
|
|
* @Author: Billy
|
|
|
|
|
|
* @Date: 2020-09-10 09:12:00
|
|
|
|
|
|
* @LastEditors: Billy
|
2022-03-07 15:18:34 +08:00
|
|
|
|
* @LastEditTime: 2022-03-07 15:03:20
|
2022-01-10 21:25:36 +08:00
|
|
|
|
* @Description: 请输入
|
|
|
|
|
|
*/
|
|
|
|
|
|
import Vue from 'vue';
|
|
|
|
|
|
import App from './App.vue';
|
|
|
|
|
|
import router from './router/_index.js';
|
|
|
|
|
|
import store from './store';
|
|
|
|
|
|
import ElementUI from 'element-ui';
|
|
|
|
|
|
import './scss/element-variables.scss';
|
|
|
|
|
|
import "./svgicon/index.js";
|
|
|
|
|
|
import Event from './util/Event';
|
2022-03-07 15:18:34 +08:00
|
|
|
|
// import AuthHelper from "./auth/AuthHelper.js";
|
2022-01-10 21:25:36 +08:00
|
|
|
|
import SafePush from './util/SafePush';
|
|
|
|
|
|
|
|
|
|
|
|
Vue.config.productionTip = false;
|
|
|
|
|
|
Vue.use(ElementUI, {
|
|
|
|
|
|
size: 'medium'
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
Vue.prototype.$safePush = SafePush;
|
|
|
|
|
|
|
|
|
|
|
|
// 注册一个全局自定义指令 `v-auth`，用于验证权限
|
2022-03-07 15:18:34 +08:00
|
|
|
|
// Vue.directive('auth', {
|
|
|
|
|
|
// bind: function (el, param) { },
|
|
|
|
|
|
// // 当被绑定的元素插入到 DOM 中时……
|
|
|
|
|
|
// inserted: function (el, param) {
|
|
|
|
|
|
// let pass = AuthHelper.checkAuth(param.value);
|
|
|
|
|
|
// if (!pass) {
|
|
|
|
|
|
// el.remove()
|
|
|
|
|
|
// }
|
|
|
|
|
|
// },
|
|
|
|
|
|
// update: function (el, param) { },
|
|
|
|
|
|
// componentUpdated: function (el, param) { },
|
|
|
|
|
|
// unbind: function (el, param) { }
|
|
|
|
|
|
// });
|
2022-01-10 21:25:36 +08:00
|
|
|
|
|
|
|
|
|
|
// 全局事件总线
|
|
|
|
|
|
// 参考：https://zhuanlan.zhihu.com/p/72777951
|
|
|
|
|
|
// 不到必要时，不建议使用，否则容易增加全局代码复杂度
|
2022-03-07 15:18:34 +08:00
|
|
|
|
// let EventBus = new Vue();
|
|
|
|
|
|
// Object.defineProperties(Vue.prototype, {
|
|
|
|
|
|
// $bus: {
|
|
|
|
|
|
// get: function () {
|
|
|
|
|
|
// return EventBus;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// });
|
2022-01-10 21:25:36 +08:00
|
|
|
|
|
|
|
|
|
|
new Vue({
|
|
|
|
|
|
router,
|
|
|
|
|
|
store,
|
|
|
|
|
|
render: h => h(App),
|
|
|
|
|
|
created: function () {
|
|
|
|
|
|
// 如果用原生的resize事件，将会损耗大量资源，因为resize事件触发的次数非常多
|
|
|
|
|
|
// 因此把连续触发的resize事件转化为optimizedResize自定义事件，节约资源，并且组件也有足够时间重新渲染
|
|
|
|
|
|
// 在此监听resize事件即可，不要在别处重复监听resize事件
|
|
|
|
|
|
// 参考：https://stackoverflow.com/questions/28056716/check-if-an-element-has-event-listener-on-it-no-jquery
|
|
|
|
|
|
Event.throttle('resize', 'optimizedResize', 500)
|
|
|
|
|
|
}
|
|
|
|
|
|
}).$mount('#app')
|
