Vue3:Vue.createApp不是构造函数

Question

我是Vue的新手，正在努力学习如何使用它。

我想我在尝试安装一个新的Vue应用程序时被绊倒了。

以下是我可以开始工作的内容：

<script src="https://unpkg.com/vue"></script>
<script>
const vm = new Vue({})
</script>

从那里我可以安装它并正确使用一切。

然而，这目前加载了Vue(2.6.7(的旧版本

我想了解最新版本(Vue 3(，所以我尝试导入Vue文档推荐的包：

<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = new Vue({})
</script>

我在控制台中得到以下错误：

未捕获类型错误：Vue不是构造函数

我还尝试模仿Vue3文档中的语法。

<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = new Vue.createApp({})
</script>

但它抛出了相同的错误：

未捕获类型错误：Vue.createApp不是构造函数

使用不同的CDN或特定版本(vue@3.0.2)也给了我同样的结果。

我做错了什么？

Answer 1

createApp不是一个对象，它是一个返回vue-app实例的函数，因此它应该是：

const vm = Vue.createApp({}) //remove the new

createApp
返回一个提供应用程序上下文的应用程序实例。应用程序实例安装的整个组件树共享相同的上下文
const app = Vue.createApp({})