Vue未定义

Vla*_*ban 12 html javascript vue.js

我正在尝试使用Vue.js构建一个演示应用程序.我得到的是一个奇怪的错误,Vue没有定义.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue JS Intro</title>
</head>
<body>
    <div id="demo">
        <p>{{message}}</p>
        <input v-model="message">
    </div>

    <script type="JavaScript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>

    <script>
        var demo = new Vue({
            el: '#demo',
            data: {
                message: 'Hello Vue.js!'
            }
        })
    </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我在这里想念的是什么?这不是CDN问题,因为我也从官方网站下载了库,使用它并得到了相同的结果

index.html:15未捕获的ReferenceError:未定义Vue

Rok*_*jan 20

jsBin演示

  1. 你先错过了订单

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

然后

<script>
    var demo = new Vue({
        el: '#demo',
        data: {
            message: 'Hello Vue.js!'
        }
    });
</script>
Run Code Online (Sandbox Code Playgroud)
  1. type="JavaScript"应该是type="text/javascript"(或者说什么都没有)

  • @VladimirHraban删除`type ="JavaScript"` (5认同)

T.T*_*dua 6

有时问题可能是如果您import喜欢这样:

const Vue = window.vue;
Run Code Online (Sandbox Code Playgroud)

这可能会覆盖原始Vue参考。