随笔- 233 文章- 0 评论- 81 阅读- 152万

Uncaught TypeError: Vue is not a constructor

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

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

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

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

这下好了，createApp是正常了，出现了一个新的错误，我写过一个这样的语句

var vm = new Vue

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

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

1 /*Vue 3*/
2 Vue.createApp({
3 data() {
4 return {
5 items: [{ message: 'Foo' }, { message: 'Bar' }]
6 }
7 }
8 }).mount('#array-rendering')

 1 /*Vue 2*/
 2 var example1 = new Vue({
 3 el: '#example-1',
 4 data: {
 5 items: [
 6 { message: 'Foo' },
 7 { message: 'Bar' }
 8 ]
 9 }
10 })

所以初学Vue的同学一定注意了，要确定自己下的是Vue2还是Vue3，Vue2和Vue3语法差别很大，==会报错的！==所以一定要检查自己引入的版本！
但是哦，我是怎么在没有接触Vue2的情况下顺利写代码并实现功能的呢？难道，Vue真的不用学，有手就行？
细思恐极啊，细思恐极。
————————————————
版权声明：本文为CSDN博主「Charlesix59」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Charlesix59/article/details/118819764