526互联

问题（Uncaught ReferenceError: vue is not defined）和解决方法

发布时间 2023-08-31 17:23:40作者: Hh0826
<!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中的首字母一定要大写！！！！