vue3相同组件嵌套怎么知道哪个父组件哪个是子组件？

Question

<Submenu name="2">
    <template #title>
        <Icon type="ios-filing" />
        Navigation Two
    </template>
    <MenuItem name="2-1">Option 5</MenuItem>
    <MenuItem name="2-2">Option 6</MenuItem>
    <Submenu name="3">
        <template #title>Submenu</template>
        <MenuItem name="3-1">Option 7</MenuItem>
        <MenuItem name="3-2">Option 8</MenuItem>
    </Submenu>
</Submenu>

Answer 1

父和子是相对概念，就是谁嵌的谁。是根据上下文来的，你只要保证不死循环就行。这就跟你js里两个函数互相调用一个道理。

Answer 2

如果涉及到组件通信， provide/inject，就可以判断父子组件