Uncaught ReferenceError: Vue is not defined

Question

我正在使用 netbeans 作为编辑器并尝试通过 laracast vue 视频工作，包括 https://laracasts.com/series/learning-vue-step-by-step/episodes/1

<script> src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.12/vue.js"</script>

<div id="app">  
    <h1> 
        {{message}}             
    </h1>
</div>

var data = {message: "hi there"}

new Vue({
    el: '#app',
    data: data
});

当我检查 chrome 开发工具时，我看到：

Uncaught ReferenceError: Vue is not defined

我是不是 CDN 做错了什么？

Answer 1

src 是 script 标签的属性，所以：

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.12/vue.js"></script>

Answer 2

请注意，在将 Vue 与 laravel blade 文件一起使用时。您必须将这些 Vue 代码保存在带有 vue 扩展名的单独文件中，然后将它们添加到 blade 文件中。 as indicate here。否则我相信两者都会尝试解释双胡子并迎合您必须重写很多库的情况。

Uncaught ReferenceError: Vue is not defined

Uncaught ReferenceError: Vue is not defined

javascript

vue.js