为什么需要在body标签中添加Vue.js

vla*_*tsu 2 html javascript vue.js

我在标题中添加了我的vue.js但它有一个错误,指出无法找到元素根,因为我有一个id为root的div .

但是当我把它添加到身体上时一切正常.

这是我的js代码.

new Vue({
     el: '#root'
});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
	
    <script src="https://unpkg.com/vue@2.1.3/dist/vue.js"></script>
</head>
<body>

<div id="root">

    <task-list>


    </task-list>


</div>


</body>
</html>
Run Code Online (Sandbox Code Playgroud)

小智 7

你需要在你身体的底部导入你的vue js库,因为你需要首先加载#app HTML容器才能通过vue js进行分析.

<body>

<div id="app">
</div>
<script src="vue.js"></script>
Run Code Online (Sandbox Code Playgroud)

</body>