Laravel Vue.jsの要素が認識されない

Question

LaravelとVue.jsを使おうとしたところ、Vue.jsで定義した要素が反映されておらず、下記のmassageがnot definedでエラーになってしまいます。
npm run devでのコンパイルはしたので認識されない理由が全くわかりません。

    <div id="app">
        @{{message}}
    </div>
<script src="js/app.js"></script>

var app = new Vue({
    el: '#app',
    data: {
        message: "test"
    }
})