【Vue.js】リアクティブで動作しない時の対処法

#最初に
下記サイトのVue.jsのガイドに従って、進めていたところリアクティブが動作しなかったので調査開始。
Vue.jsのガイド
#エラーメッセージ
Live Reload is not possible without body or head tag.
どうやらボディタグかヘッドタグがないためリロードが動かないっぽい。
#解決策

{{ message }}

  <script>
    var app = new Vue({
      el: '#app',
      data: {
        message: 'Vue.js 入門',
      },
    });
    </script>
</body>

ボディタグで囲ってみたところ、無事リアクティブが動作した。