2017-06-09 17 views
1

私はvue.jsをヘッダーに追加しましたが、要素ルートが見つかりませんでした、idはdivですルートbodyタグにVue.jsを追加する必要がある理由

しかし、私は体にそれを追加するとすべて正常に動作します。

これは私のjsコードです。

new Vue({ 
    el: '#root' 
}); 

これは私のhtmlです。

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Title</title> 
 
\t 
 
    <script src="https://unpkg.com/[email protected]/dist/vue.js"></script> 
 
</head> 
 
<body> 
 

 
<div id="root"> 
 

 
    <task-list> 
 

 

 
    </task-list> 
 

 

 
</div> 
 

 

 
</body> 
 
</html>

+0

内部のことdoesntの作業場所、それはあなたが私にあなたのhtmlのサンプルを与えることができれば – Kzy

答えて

1

こんにちは、私はあなたのhtmlに(VUEパッケージを除く)いかなる含まJSを見ていません。しかし、私は解決策はあなたのスクリプトをフッターに置くことだと思います。

はまたwindow.onload

window.onload = function() { 
    new Vue({ 
     el: '#root' 
    }); 
}; 
5

あなた#appのHTMLコンテナは、それがVUEのJSによって分析することができる前に最初にロードする必要があるため、あなたの体の底部にごVUE JSライブラリをインポートする必要があります。

<body>

<div id="app"> 
</div> 
<script src="vue.js"></script> 

</body>

関連する問題