vue组件关系

<div id="app">
      <child></child>
      <child1></child1>
    </div>
  </body>
  <script src="vue.min.js"></script>
  <script>
    Vue.component("child", {
      template: `
            <div class="child">
                child
                <child2></child2>
            </div>
        `,
    });
    Vue.component("child1", {
      template: `
            <div class="child1">child1</div>
        `,
    });
    Vue.component("child2", {
      template: `
            <div class="child2">child2</div>
        `,
    });
    new Vue({
      el: "#app",
    });
  </script>

            只有两种

                父子

                非父子

            child与new Vue是父子关系

                child是new Vue的子组件

                new Vue是child的父组件

            child与child1是非父子关系

            child1与new Vue是父子关系

            child与child2是父子关系

                child2是child子组件

                child是child2父组件

            child1与child2非父子关系

            child2与new Vue非父子关系