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

今天尝试写点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解决方法相关推荐

vue.js提示框插件(vuejs-dialog)使用指南
vue.js提示框插件更多文章,请访问我的博客综述在项目中,代替浏览器原生的alert.confirm和prompt 名称:vuejs-dialog 用途:简洁美观的对话框官网:地址 gith ...
在安装project2010 64位时提示 “无法安装64位office，因为已有32位版本”解决方法
在安装project2010 64位时提示 "无法安装64位office,因为已有32位版本"解决方法参考文章: (1)在安装project2010 64位时提示 "无 ...
win7 、2008 提示Error 1606 Could Not Access Network Location %SystemDrive%/inetpub/wwwroot/ 的错误解决方法
win7 .2008 提示Error 1606 Could Not Access Network Location %SystemDrive%/inetpub/wwwroot/ 的错误解决方法参考文 ...
w7计算机防火墙无法更改,win7系统提示防火墙无法更改某些设置错误代码0x8007437的原因及四种解决方法...
win7系统提示"防火墙无法更改某些设置,错误代码0x8007437",这该怎么办呢?下面脚本之家的小编就带来win7系统提示防火墙无法更改某些设置错误代码0x8007437的原因 ...
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法参考文章: (1)JS IOS/iPhone的Safari浏览器不兼容Javascript中的D ...
虚幻引擎UE4.25版本使用Android打包出错提示：ERROR: cmd.exe failed with args /c 和 :app:assembleDebug的解决方法
虚幻引擎 UE4.25版本使用Android打包出错提示:ERROR: cmd.exe failed with args /c 和 :app:assembleDebug的解决方法: 在虚幻引擎的jdk ...
解决安装黑苹果出现提示应用程序副本已损坏，不能用来安装macOS的解决方法
安装黑苹果系统出现提示应用程序副本已损坏,不能用来安装macOS的解决方法不管是实体机黑苹果安装,还是虚拟机安装,都会遇得到原因,苹果系统镜像文件中内置的时间证书到期比如现在的时间是2019/ ...
提示“正尝试安装的adobe flash player不是最新版本”的解决方法
在安装flash player 10时遇到提示"正尝试安装的adobe flash player不是最新版本"的解决方法: 执行 regedit,找到以下位置:[HKEY_LOCA ...
这台计算机无法连接到服务器,请确认网络连接是否正常,Win7玩英雄联盟提示“无法连接到服务器，请检查您的网络连接”六种解决方法...
说到LOL英雄联盟相信很多玩家都比较熟悉了,它是一款网络游戏 .但是最近有用户说Win7系统玩英雄联盟的时候提示"连接失败:无法连接到服务器,请检查您的网络连接"(如下图所示),导 ...
英雄联盟出现无法验证服务器,Win7玩英雄联盟提示“无法连接到服务器，请检查您的网络连接”六种解决方法...
说到LOL英雄联盟相信很多玩家都比较熟悉了,它是一款网络游戏 .但是最近有用户说Win7系统玩英雄联盟的时候提示"连接失败:无法连接到服务器,请检查您的网络连接"(如下图所示),导 ...

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解决方法相关推荐

最新文章

热门文章