vue3.x中的全局API从vue2.x的Vue改到了createAPP(XX)上面
1.vue3.x中是这样的
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
const app = createApp(App) // 所有的全局属性都可以挂载到这个app变量上面
app.config.globalProperties.$name = '123'
app.use(store).use(router).mount('#app')
- vue2.x中通过new Vue(...)来挂载,都是直接用Vue.use，Vue.prototype.$xxx这样挂载
new Vue({
router,
store,
render: (h) => h(App),
}).$mount('#app');
vue3.x中全局API的改变
全局配置
- config.productionTip 被删除
- config.ignoredElements 改名为config.isCustomElement
3.config.keyCodes 被删除
全局注册类API
1.Vue.component => app.component - Vue.directive => app.directive
行为扩展类API
1.Vue.mixin => app.mixin
2.Vue.use => app.use
vue2.x中使用Vue的api引用方式
import Vue from‘vue’
vue3.x中使用Vue的api引用方式
import {createApp} from ‘vue’
