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
hello world!!!
分类:
VUE
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix