1.vue2:

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from "./store"
//挂载全局属性
Vue.prototype.$http = () =>{
console.log('挂载全局网络请求属性')
}
//阻止控制台显示你正处于生产部署期间请确保启用生产模式的警告
Vue.config.productionTip = false
//创建vue对象,直接在里面挂载router和store
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')

2.vue3:

变化: 1.new Vue() .$mount() ===> createApp().mount()

          2.Vue.use() ===> app.use();(比如引入element-ui的时候)

          3.Vue.prototype.$http ===> app.config.globalProperties.$http

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
// 1、vue3挂载app的方式，以及应用router的方式
const app = createApp(App)
app.use(router).mount('#app')
// 2、vue3全局属性的设置和挂载
app.config.globalProperties.$http = () => {
console.log('挂载权全局网络请求属性')
}
// 3、如果还要使用vuex的store、element-ui等也是和router一样的引入方法，跟vue2相比也就是Vue变成了app
// app.use(store)

最后

以上就是靓丽太阳最近收集整理的关于Vue2 与Vue3 main.js写法的变化1.vue2:2.vue3:的全部内容，更多相关Vue2内容请搜索靠谱客的其他文章。