最初に
下記サイトのVue.jsのガイドに従って、進めていたところリアクティブが動作しなかったので調査開始。
Vue.jsのガイド
エラーメッセージ
Live Reload is not possible without body or head tag.
どうやらボディタグかヘッドタグがないためリロードが動かないっぽい。
解決策
<body>
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Vue.js 入門',
},
});
</script>
</body>
ボディタグで囲ってみたところ、無事リアクティブが動作した。