vue项目入口main.js配置

• default

# 1.引入vue、根组件app
# 2.创建vue实例挂载到根组件

• vue-cli + vue2

# 1.引入vue、根组件app
# 2.创建vue实例挂载到根组件
# 3.全局配置
Vue.prototype.$http = axios 
# 4.挂载到根组件
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
 

• vue-cli + vue3

# 1.引入vue、根组件app
# 2.创建vue实例挂载到根组件
# 3.全局配置
app.config.globalProperties.$echarts = echarts
# 4.挂载到根组件
app.user(router)
 

• vite2 + vue3

# 1.引入vue、根组件app
# 2.创建vue实例挂载到根组件
# 3.全局配置
app.config.globalProperties.$http=axios;
# 4.挂载到根组件
app.echarts=echarts
 

• vue-cli + vue2 老版本写法

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/element.js'
import './assets/css/global.css'
// axios
import axios from 'axios'
// 默认url
axios.defaults.baseURL='http://localhost:8181'
// 全局配置
Vue.prototype.$http = axios 
 
Vue.config.productionTip = false
// 挂载router、store
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
 

• vue-cli + vue3 新版本写法

import { createApp } from 'vue'
import App from './App.vue'
 
// 引入echarts
import * as echarts from 'echarts';
 
const app = createApp(App)
app.mount("#app")
 
// 全局配置
app.config.globalProperties.$echarts = echarts
 

• vite2 + vue3 新版本写法

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
// element-plus
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
// 全局样式
import './static/css/global.css'
// router
import router from './route/index'
// axios
import axios from './static/js/axios';
// store
import store from './store/index'
 
const app =  createApp(App)
// 挂载
app.use(ElementPlus)
app.use(router)
app.use(store)
app.mount('#app')
 
// 全局配置
app.config.globalProperties.$http=axios;
 

• vite2 + vue3

import { createApp } from 'vue'
import App from './App.vue'
import * as echarts from 'echarts'
 
const app = createApp(App).mount('#app')
// 挂载
app.echarts=echarts