// 导入Vue框架
import Vue from 'vue';

// 导入根组件
import App from './App.vue';

// 导入Vue Router实例，用于页面路由管理
import router from './router';

// 导入Vuex状态管理实例
import store from './store';

// 导入vue-cookie插件，用于处理cookie
import VueCookie from 'vue-cookie';

// 导入Element UI组件库
import ElementUI from 'element-ui';

// 导入moment.js库，用于日期和时间处理
import moment from 'moment';

// 导入Element UI的CSS样式
import 'element-ui/lib/theme-chalk/index.css';

// 导入全局CSS样式
import './assets/css/common.css';

// 导入全局SCSS样式
import './assets/scss/index.scss';

// 导入自定义的httpRequest工具，基于axios的封装（注意：这里注释的api链接可能不准确，因为httpRequest的具体实现未在代码中给出）
import httpRequest from '@/utils/httpRequest';

// 导入自定义的权限验证工具
import { isAuth } from '@/utils';

// 导入vue-clipboard2插件，用于复制文本到剪贴板
import VueClipboard from 'vue-clipboard2';

// 使用Element UI组件库
Vue.use(ElementUI);

// 使用vue-clipboard2插件
Vue.use(VueClipboard);

// 使用vue-cookie插件
Vue.use(VueCookie);

// 禁止Vue在启动时生成生产提示
Vue.config.productionTip = false;

// 挂载全局属性和方法
// 全局ajax请求方法
Vue.prototype.$http = httpRequest;
// 全局权限验证方法
Vue.prototype.isAuth = isAuth;

// 设置moment.js的语言环境为中文
moment.locale('zh-cn');
// 将moment挂载到Vue原型上，作为全局的时间处理方法
Vue.prototype.$moment = moment;

// 创建Vue实例，并挂载到#app元素上
new Vue({
    router,       // 注入路由，使得我们可以通过this.$router访问路由实例
    store,        // 注入store，使得我们可以通过this.$store访问状态管理实例
    render: h => h(App) // 渲染App组件
}).$mount('#app'); // 挂载到DOM上的#app元素