【Vue.js】[Vue warn]Cannot find element: #appが出る時の解決法

[Vue warn]Cannot find element: #appが出る時の解決法としては、以下の2つ。

• bodyタグの最後にnew Vue()を記述
• DOMContentLoadedイベントハンドラ内でnew Vue()を行う

DOMContentLoadedイベントハンドラ内でnew Vue()を行う

document.addEventListener('DOMContentLoaded', function() {
　　window.app = new Vue()
});

原因

#appタグがまだDOMとして読み込まれていないためです。

参考

基礎から学ぶ Vue.js