vue3和vue2 main.js store.js和index.js的区别

vue3 main.js文件

import { createApp } from "vue";
import App from "./App.vue";
import ElementPlus from "element-plus";
import "element-plus/theme-chalk/index.css";
import locale from "element-plus/lib/locale/lang/zh-cn";
import * as ElIconList from "@element-plus/icons";
const app = createApp(App);
// VUE_APP_MOCK的值为true，并且在开发环境下
if (process.env.VUE_APP_MOCK && process.env.NODE_ENV === 'development') {
  require("@/mock");
}
// 配置图标
for (const name in ElIconList) {
  app.component(name, ElIconList[name]);
}
** 添加公共属性**
app.config.globalProperties.$url = $url;
app.config.globalProperties.$https = $https;
app.config.globalProperties.utils = utils;
app.use(store).use(router).use(ElementPlus, { locale }).mount("#app");

vue2 main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router/index'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import Common from '@/components/Common'
import './assets/css/global.css'
import $url from '@/fetch/index';
import $https from '@/fetch/axios';
import {axios, VueAxios} from '@/assets/js/axios'
import utils from '@/util/tool';
import store from '@/store/index'
Vue.use(ElementUI);
Vue.use(VueAxios, axios);
Vue.config.productionTip = false;
Vue.prototype.Common = Common;
Vue.prototype.$url = $url;
Vue.prototype.$https =  $https;
Vue.prototype.utils =  utils;
import vant from 'vant';
import 'vant/lib/index.css';
Vue.use(vant);
/* 同步加载全局配置，如果没有配置，可以直接new Vue */
new Vue({
        store,
        router,
        render: h => h(App),
}).$mount('#app')

vue3 store.js

import { createStore } from "vuex";
const files = require.context('./modules', false, /\.js$/);

const modules = {};
files.keys().forEach((key) => {
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default;
});
// console.log(modules,'modules')
export default createStore({
  modules
});

vue2 store.js

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
console.log(Vue.use,'[')
const files = require.context('./modules', false, /\.js$/);
const modules = {};
files.keys().forEach((key) => {
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default;
});
// console.log(modules,'modules')
export default new Vuex.Store({
  modules
});

vue3 router.js

import { createRouter, createWebHashHistory } from "vue-router";
const files = require.context('./modules', false, /\.js$/);
const modules = {};
files.keys().forEach((key) => { 
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default;
});
let routes=[]
for (const key in modules) {
    routes.push(...modules[key])
} 

const router = createRouter({
  history: createWebHashHistory(),
  // base:'/dev',//vue2才生效
  routes,
});

export default router;

vue2.js
i

mport Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
// 获取modules下的js文件
const files = require.context('./modules', false, /\.js$/);
const modules = {};
files.keys().forEach((key) => { 
  modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default;
});
let routes=[]
for (const key in modules) {
    routes.push(...modules[key])
} 
export default new Router({
    mode: 'history',
    base: '/coupon-mng-front',
    routes:routes
})