未捕获的ReferenceError：未定义Vue

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 dev工具时，我看到了：

  

未捕获的ReferenceError：未定义Vue

我是否在做CDN的错误？

Answer 1

src是script标记的属性，因此：

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

Answer 2

请注意，将Vue与laravel刀片文件一起使用时。您必须将这些Vue代码保存在具有vue扩展名的单独文件中，然后将其添加到刀片文件中。 as indicate here。否则，我相信两者都将尝试解释双胡须，并考虑到您必须重写很多一个lib。