概述
1.vue2:
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16import 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
12import { 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:所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复