Vue CLI: Why does createApp work but Vue.createApp doesn't?

Question

I'm confused about the difference between the CLI version of Vue.js and the normal version where you use a Vue istance.

On the initial build, the App.js file looks something like this:

import { createApp } from 'vue'
import { App } from './App.vue'

createApp(App).mount('#app')

and the app works fine.

But if I try to change it slightly and use:

import { Vue } from 'vue'
import { App } from './App.vue'

Vue.createApp(App).mount('#app')

all I get is a blank page.

I've been wanting to add a prototype to the Vue instance to access a global variable, but I don't see how if you can't use the Vue class normally.

What's the difference in functionality on the vue-cli when using Vue.createApp and createApp?

@BoussadjraBrahim I see that my app does work when using createApp vs Vue.createApp, but I don't understand why it works. — Zack Plauché
– Zack Plauché, Commented Aug 24, 2021 at 9:01
the first syntax is the correct one because there's no import { Vue } from 'vue' in vue 3, and Vue.createApp is valid only when using vue 3 via CDN — Boussadjra Brahim
– Boussadjra Brahim, Commented Aug 24, 2021 at 9:12

Boussadjra Brahim · Accepted Answer · 2021-08-24 09:06:03Z

1

Since you're using the vue cli, the first syntax is correct because there's no Vue object imported from vue, for more explanation check this answer. To add a global variable try to use app.config.globalProperties.$globalVar :

import { createApp } from 'vue'
import { App } from './App.vue'

let app=createApp(App)
app.config.globalProperties.$globalVar=555;
app.mount('#app')

answered Aug 24, 2021 at 9:06

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue CLI: Why does createApp work but Vue.createApp doesn't?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related