Vue js 子组件和父组件

Question

如何理解子组件和父组件？孩子或父母在哪里？在文档中我没有建立这个描述。请帮忙。

在下面的示例中，我只看到一个没有父或子的组件。只有一个。这是“我的组件”。等待答复。谢谢。

Vue.component("my-component", {
    template: `<li> Hello </li>`
})

new Vue({
    el: "#app"
})

<div id="app">
    <my-component> </my-component>
</div>

Answer 1

Vue - #app 是父组件，组件 - my-component 是子组件。 里面的组件是一个孩子，很明显