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是父項，組件是 - 我的組件是子項。 裏面的組件是一個小孩，其相當明顯