我目前正在学习JavaScript，HTML和Vue.Js，现在正在学习如何使用组件。我正在上一门在线课程，该课程使用机器人来更正代码。
分配是创建一个组件greet，当使用<div>hello!</div>调用该组件时会生成<greet></greet>。要完成分配，我需要使用Vue.Component和templete键。我需要在el呼叫者处设置new Vue值，以便它与<div id="app"></div>
到目前为止，这是我的HTML代码（包括脚本src）：
<body>
<div id="app">
<greet="greet"></greet>
</div>
</body>
这是我到目前为止的Vue代码
new Vue({ el: '#app' })
Vue.component('greet', {
data() {
return {
greet
}
},
template: '<div>hello!</div>'
})
HTML页面上的输出仅为空白，所以我不明白我在这里缺少什么。
机器人的输出是：
file.js
✓ exists
✓ is valid JavaScript
1) renders the correct markup
这里有几个错误。
第一个<greet="greet"></greet>不起作用。 Vue中有一个称为props的东西（您将在以后学习）。将该行更改为<greet></greet>然后，您不必使用data()来显示hello div。从数据中删除greet。以上步骤可能会解决您的错误