|
|
// 导入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元素
|
