Uncaught TypeError: Vue is not a constructor

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

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

结果没有出现预期的结果，于是我打开浏览器，F12，它提示我
Vue.createApp is not a function
怪了呀，这和官方文档写的一样，怎么可能错呢？
于是我经过反复求证，在头部中使用CDN方法，如下：

 <script src="https://unpkg.com/vue@next"></script>

 

这下好了，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真的不用学，有手就行？
细思恐极啊，细思恐极。
————————————————
版权声明：本文为CSDN博主「Charlesix59」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Charlesix59/article/details/118819764