如何在laravel刀片中使用Vue？

Question

我正在通过vue 2 laracast视频我被困在第一个教程本身。

<div id="app">
  <h1>@{{ message }} </h1>
  <input type= "text" id="input" v-model = "message">
</div>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>


<script >
    var data = {
        message: 'Hello Vue!'
    }
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
      }
    })
</script>

不工作，发出错误

使用未定义的常量消息 - 假设＆＃39;消息＆＃39;

@{{ message }}

给我结果然后继续进行v-model给出一个空输入框没有消息。