Vue CLI：为什么 createApp 有效但 Vue.createApp 无效？

Question

我对 Vue.js 的 CLI 版本和使用 Vue 实例的普通版本之间的区别感到困惑。

在初始构建中，App.js 文件看起来像这样：

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

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

并且该应用运行良好。

但是如果我试着稍微改变它并使用：

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

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

我得到的只是一个空白页。

我一直想给Vue实例添加一个原型来访问一个全局变量，但是我不知道如果不能正常使用Vue怎么办class

使用 Vue.createApp 和 createApp 时 vue-cli 的功能有何不同？

Answer 1

由于您使用的是 vue cli，因此第一个语法是正确的，因为没有从 vue 导入的 Vue 对象，有关更多解释，请查看此。要添加全局变量，请尝试使用 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')

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