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

标签 javascript html vue.js

我在标题中添加了我的 vue.js,但它有一个错误,提示 找不到元素根,因为我有一个 id 为 root 的 div >.

但是当我将它添加到 body 上时,一切正常。

这是我的js代码。

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

这是我的 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>

最佳答案

你需要在 body 的底部导入你的 vue js 库,因为你的 #app HTML 容器需要先加载,然后才能被 vue js 分析。

<body>

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

</body>

关于javascript - 为什么 Vue.js 需要在 body 标签中添加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44447807/

相关文章:

html - 如何在 img 和它的 box-shadow 之间添加填充?

typescript - 如何在Vuetify.js的snackbar中显示文本字段验证检查结果?

javascript - 什么是 $ ("#myDiv").html(myResult); 更好的替代品在这种情况下?

javascript - angularjs 和 $http 请求

javascript - 如何从控制台向 node.js stdin 发送 EOF 信号?

javascript - Vuex 状态属性设置为响应 GET 请求。函数给出错误,因为所述属性显然为 NULL

vue.js - 我在为我的 vue 项目提供服务时找不到 list json 中的错误

javascript - 跨 jQuery 插件共享 Javascript 对象

jquery - Megamenu 在 vi​​sual composer wordpress 中的 Logo 之前加载

javascript - 如何用同一脚本生成的 HTML 内容替换当前脚本标签