global.js文件:var app;
app = new Vue({ el: "#app", data: { value: "hello world",
}
});login.jsVue.component('login', { template: '<h1>login</h1>'})index.html结果报错:[Vue warn]: Unknown custom element: <login> - did you register the component correctly? For recursive components, make sure to provide the "name" option.(found in <Root>)哪位大侠能为小白指点下？
1 回答
手掌心
TA贡献1942条经验 获得超3个赞
html中我做了一下修改，调整了js引入的顺序，因为需要在保证app根组件渲染的时候，其中用到的组件已经声明注册。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Daemon</title>
<script src="./js/jquery-3.2.1.js" charset="UTF-8"></script>
<script src="./js/semantic.min.js" charset="UTF-8"></script>
<script src="./js/vue.js" charset="UTF-8"></script>
<link rel="stylesheet" href="./css/semantic.min.css">
</head>
<body>
<div id="app">
<div class="ui container">
<div class="ui divider"></div>
<div class="ui blue button">
{{value}}
</div>
<login></login>
</div>
</div>
<script src="./js/login.js" charset="UTF-8"></script>
<script src="./js/global.js" charset="UTF-8"></script>
</body>
</html>
添加回答
举报
0/150
提交
取消