问题(Uncaught ReferenceError: vue is not defined)和解决方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> 账号:<input type="text" v-model="username"> <br> 密码:<input type="password" v-model="psw"> </div> </body> <script src="../vue.js"></script> <script> var app = new Vue({ el:"#app", data:{ username:"abc", psw:"" }, methods:{ }, }) </script> </html>
问题:刚开始我的账号:“abc”在运行后获取不到a'b'c,
报错内容:Uncaught ReferenceError: Vue is not defined
解决办法:注意引入的<script src="../vue.js"></script>,注意查看路径,路径 ./ 之后尽量Enter出来,手敲容易出错。
我刚开始用的是 ./ ,但因为我的代码写在文件夹里面的一个子文件夹里面,后来尝试了 ../ 可以获取到我的账号abc了。
(如果还是出错,可以试一下有几个子文件夹就加几个点)
注意事项:实例化Vue中的首字母一定要大写!!!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!