html直接引入vue.js错误（Uncaught ReferenceError: vue is not defined）

最新推荐文章于 2025-03-18 09:43:01 发布

子时不睡

最新推荐文章于 2025-03-18 09:43:01 发布

阅读量1.1w

点赞数 3

分类专栏： vue开发问题文章标签： vue vscode html

本文链接：https://blog.csdn.net/weixin_45755816/article/details/118332937

版权

vue开发问题专栏收录该内容

7 篇文章

订阅专栏

html直接引入vue.js错误（Uncaught ReferenceError: vue is not defined）

学习vue的时候打算自己敲会代码，关于vue的数据绑定的，但是没有预期的效果。检查网页发现报错Uncaught ReferenceError: vue is not defined 在这里插入图片描述

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01hello</title>
</head>

<body>
    <div id="app">
        <p>Hello {{mess}}</p>
        <input type="text" v-model="mess">

    </div>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript">
        //创建vue实例
        var app = new Vue({ //配置对象
            el: '#app', //'#'选择器+app是标签
            data: {
                mess: '小Z同学'
            }

        })
    </script>
</body>

</html>