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) // 所有的全局屬性都可以掛載到這個(gè)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
行為擴(kuò)展類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’
