Vue 3:Vue.createApp 不是构造函数

Ada*_*rrh 5 vue.js vuejs3

我是 Vue 的新手,正在尝试学习如何使用它。

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

这是我可以开始工作的内容:

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

从那里我可以安装它并正确使用所有东西。

但是,这当前加载了旧版本的 Vue (2.6.7)

我想学习最新版本(Vue 3),所以我尝试导入Vue docs 推荐的包:

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

我在控制台中收到以下错误:

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

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

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

但它抛出相同的错误:

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

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

我究竟做错了什么?

Bou*_*him 11

createApp 不是一个对象,它是一个返回 vue app 实例的函数,所以它应该是:

 const vm = Vue.createApp({}) //remove the new
Run Code Online (Sandbox Code Playgroud)

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