vue.js提示Vue is not a constructor或Vue.createApp is not a function解决方法

本文主要是介绍vue.js提示Vue is not a constructor或Vue.createApp is not a function解决方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

如果你是小白，这套资料可以帮你成为大牛，如果你有丰富开发经验，这套资料可以帮你突破瓶颈
2022web全套视频教程前端架构 H5 vue node 小程序 视频+资料+代码+面试题.

今天尝试写点Vue玩，写着写着，写到一个列表渲染，我写了一个长得像这样的语句

Vue.createApp(data).mount('#id')

结果没有出现预期的结果，于是我打开浏览器，F12，它提示我
Vue.createApp is not a function
怪了呀，这和官方文档写的一样，怎么可能错呢？
于是我经过反复求证，引入了一个官方的CDN，这下好了，createApp是正常了，出现了一个新的错误，我写过一个这样的语句

var vm = new Vue

打开浏览器F12，它提示我：
Vue is not a constructor
好家伙，这可给我整不会了
但是，经过我略加思索

突然明白了，我原来一直用Vue2写东西？可是我看的Vue3的文档啊！
要知道，V2和V3是很不一样的

/*Vue 3*/
Vue.createApp({
  data() {
    return {
      items: [{ message: 'Foo' }, { message: 'Bar' }]
    }
  }
}).mount('#array-rendering')


/*Vue 2*/
var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

所以初学Vue的同学一定注意了，要确定自己下的是Vue2还是Vue3，Vue2和Vue3语法差别很大，==会报错的！==所以一定要检查自己引入的版本！
但是哦，我是怎么在没有接触Vue2的情况下顺利写代码并实现功能的呢？难道，Vue真的不用学，有手就行？
细思恐极啊，细思恐极。

这篇关于vue.js提示Vue is not a constructor或Vue.createApp is not a function解决方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！