- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
Heim > Fragen und Antworten > Hauptteil
var app;
app = new Vue({
el: "#app",
data: {
value: "hello world",
}
});Vue.component('login', {
template: '<h1>login</h1>'
})<!DOCTYPE html>
<html lang="en">
<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>
<p id="app">
<p class="ui container">
<p class="ui pider"></p>
<p class="ui blue button">
{{value}}
</p>
<login></login>
</p>
</p>
<script src="./js/global.js" charset="UTF-8"></script>
<script src="./js/login.js" charset="UTF-8"></script>
</body>
</html>Das Ergebnis ist ein Fehler: [Vue-Warnung]: Unbekanntes benutzerdefiniertes Element: <login> – Haben Sie die Komponente korrekt registriert? Stellen Sie sicher, dass Sie die Option „Name“ angeben.
(gefunden in <Root> )
Welcher Held kann Xiaobai einen Rat geben?
習慣沉默2017-07-05 10:44:57
html中我做了一下修改，调整了js引入的顺序，因为需要在保证app根组件渲染的时候，其中用到的组件已经声明注册。
<!DOCTYPE html>
<html lang="en">
<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>
<p id="app">
<p class="ui container">
<p class="ui pider"></p>
<p class="ui blue button">
{{value}}
</p>
<login></login>
</p>
</p>
<script src="./js/login.js" charset="UTF-8"></script>
<script src="./js/global.js" charset="UTF-8"></script>
</body>
</html>