【问题标题】:Vue 3: Vue.createApp is not a constructorVue 3:Vue.createApp 不是构造函数
【发布时间】:2021-03-07 17:08:39
【问题描述】:

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

我想我在尝试挂​​载一个新的 Vue 应用时被绊倒了。

这是我可以开始工作的:

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

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

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

我想学习最新版本(Vue 3)所以我尝试导入包recommended by Vue docs

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

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

未捕获的 TypeError:Vue 不是构造函数

我还尝试模仿 Vue 3's docs 的语法。

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

但它会引发相同的错误:

未捕获的 TypeError:Vue.createApp 不是构造函数

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

我做错了什么?

【问题讨论】:

    标签: vue.js vuejs3


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 2017-07-09
      • 2021-03-15
      • 2021-01-18
      • 2021-07-15
      • 2021-01-03
      • 2020-12-13
      • 2017-10-01
      • 1970-01-01
      • 2019-09-01
      相关资源
      最近更新 更多