我是靠谱客的博主 靓丽太阳,最近开发中收集的这篇文章主要介绍Vue2 与Vue3 main.js写法的变化1.vue2:2.vue3:,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.vue2:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
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 与Vue3 main.js写法的变化1.vue2:2.vue3:所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部